Display elemento como texto preformateado a través de CSS [duplicado]

Esta pregunta ya tiene una respuesta aquí:

¿Cómo cambiar un lapso para que parezca un pre con CSS? 7 respuestas

¿Hay alguna forma de emular la visualización de unapre elemento a través de CSS?

Por ejemplo, ¿puedo mantener el espacio en blanco intacto en este div usando una regla CSS?

<div class="preformatted">

  Please procure the following items:

    - Soup
    - Jam
    - Hyphens 
    - Cantaloupe
</div>

Respuestas a la pregunta(8)

Su respuesta a la pregunta