title: Browser white space rendering
body: <p>Recently I was editing someone else's code and I noticed that spaces were used something like the following:</p>
  
  <pre><code>&lt;div&gt;Some text &amp;nbsp; &amp;nbsp; &amp;nbsp; Some other text&lt;/div&gt;
  </code></pre>
  
  <p>I naturally assumed that the browser would combine the extra spaces, so this is really just four spaces. Testing this out though - it is actually 7 spaces (in chrome at least)! This is because the browser renders both the in between spaces <em>and</em> the <code>nbsp;</code> spaces as well.</p>
  
  <p>So my question is, when will the browser render white space and when won't it? In other words, when will a single space character be rendered vs ignored?</p>
  
  <p><strong>JSFiddle Demo:</strong> <a href="http://jsfiddle.net/L7x7t/3/" rel="noreferrer">http://jsfiddle.net/L7x7t/3/</a></p>