title: Difference Between 'display: block; float: left' vs. 'display: inline-block; float: left'?
body: <p>Is there a practical difference between whether a left-floated element (say, and image) has display: inline-block; applied to it, as opposed to leaving the default display: block; rule applied? </p>
  
  <p>In other words, what's the difference between:</p>
  
  <pre><code>&lt;div style="float: left; display: inline-block;"&gt;text&lt;/div&gt;
  </code></pre>
  
  <p>and </p>
  
  <pre><code>&lt;div style="float: left; display: block;"&gt;text&lt;/div&gt;
  </code></pre>
  
  <p>?</p>