title: Difference between simple space and &nbsp;
body: <p>Can anyone tell me what is the difference between a simple space (created with the keyboard space key) and <code>&amp;nbsp;</code> (HTML No-break space)?</p>
  
  <p>I asked this because when I used both (simple space and <code>&amp;nbsp;</code>) on my page they behave differently. </p>
  
  <p>In my web application when I put a simple space (with keyboard space key) into a <code>span</code>, it  has no height or width (0px) but when I put <code>&amp;nbsp</code> into the <code>span</code> it has a height and width.</p>
  
  <p>When I tried this same thing with <code>div</code> tag, the same problem occurred.</p>
  
  <p><a href="http://jsfiddle.net/qA8ez/1/" rel="noreferrer">See in jsfiddle</a></p>
  
  <p>In jsfiddle you can see that when I use a simple space, the element doesn't have a height (it's always <code>0px</code>), but when I use <code>&amp;nbsp;</code>, it has a height.</p>