title: HTML/CSS - Best practice for preserving white space on certain elements?
body: <p>What is the <em>best</em> way to preserve white space in HTML?  We have a lot of pages that bring down data from our database, and the data may have multiple spaces in it.  The rendered HTML elements that hold the data vary from anchor tags <code>(&lt;a&gt;), spans (&lt;span&gt;), table rows (&lt;tr&gt;, &lt;td&gt;, etc.</code></p>
  
  <p>The easiest thing to do right now would be to add a global css class like so:</p>
  
  <pre><code>body a, span, tr, td { white-space: pre; }
  </code></pre>
  
  <p>I'm wondering if there is a better way to implement this <em>without</em> assigning a class to each individual HTML element.</p>