title: Chrome and fixed width on a div (or other tags)
body: <p>I have some html which looks like this: </p>
  
  <pre><code>&lt;div style="{ display:inline; width: 80px}"&gt;fig&lt;/div&gt;vitamin c&lt;br&gt;
  &lt;div style="{ display:inline; width: 80px}"&gt;apple&lt;/div&gt;vitamin a&lt;br&gt;
  &lt;div style="{ display:inline; width: 80px}"&gt;coconut&lt;/div&gt;vitamin &lt;br&gt;
  </code></pre>
  
  <p>in IE.8 this is shown as</p>
  
  <pre>
  fig       vitamin
  apple     vitamin
  coconut   vitamin
  </pre>
  
  <p>and all of the 'vitamins' are nicely aligned. 
  in Chrome the gap is not created and therefore it is not nicely rendered. </p>
  
  <pre>
  figvitamin
  applevitamin
  coconutvitamin
  </pre>
  
  <p>The question is:
  is this a problem/bug with Chrome or is it because the html is not correct and ie8 (in this case) just guesses better my intentions ? </p>