title: What is the difference between block and inline-block with width: 100%?
body: <p>I've recently been trying to figure out when it is appropriate to use <code>inline-block</code>s. They seem to be far more useful than just a <code>block</code> element. In fact, an inline-block element seems to be able to do anything a block element can do, but with a little extra styling.</p>
  
  <p>Is there any reason an element with <code>display: inline-block; width: 100%;</code> is any different than an element with <code>display: block;</code>? (Aside from the fact that one is longer?)</p>
  
  <p>I've been researching this topic by reading the <a href="http://www.w3.org/TR/CSS2/visuren.html" rel="noreferrer">w3c recommendation</a>. I can't seem to find a difference.</p>