使用white-space: pre保留空白作为预格式化pre元素。更进一步，还添加font-family: monospace，因为pre元素通常默认情况下以等宽字体设置（例如，与代码块一起使用）。

.preformatted {

    font-family: monospace;

    white-space: pre;

}


<div class="preformatted">



  Please procure the following items:



    - Soup

    - Jam

    - Hyphens

    - Cantaloupe

</div>