title: Display element as preformatted text via CSS
body: <p>Is there any way to emulate the display of a <code>pre</code> element via CSS?</p>
  
  <p>For example, can I keep the whitespace intact in this div by using a CSS rule?</p>
  
  <pre><code>&lt;div class="preformatted"&gt;
  
    Please procure the following items:
  
      - Soup
      - Jam
      - Hyphens 
      - Cantaloupe
  &lt;/div&gt;
  </code></pre>