title: How to preserve whitespace but ignore line breaks in CSS?
body: <p>The <code>white-space</code> property in CSS-3 has the <code>pre-wrap</code> value, which will preserve whitespace and line breaks, and wrap when necessary, and the <code>pre-line</code> value, which collapses whitespace, but preserves line breaks, and wraps when necessary.</p>
  
  <p>What it does <em>not</em> have, though, is a value that <strong>preserves</strong> whitespace and <strong>collapses</strong> line breaks, while still wrapping otherwise. </p>
  
  <p>Is there a combination of other CSS properties that I can use to get this effect?</p>
  
  <p>For example:</p>
  
  <pre><code>This  example
  code
  should     render
  on  one  line  but
  with spaces     intact.
  </code></pre>
  
  <p>should look like:</p>
  
  <pre><code>This  example code should     render on  one  line  but with spaces     intact.
  </code></pre>