title: Is using <div>'s with display:inline-block often bad practice?
body: <p>Whenever I'm creating a page with a horizontal component, most of the top-level elements are usually div's where I set display to inline:block. For example:</p>
  
  <pre><code>&lt;div id='header'&gt;
      &lt;div class='inline_block'&gt; stuffff &lt;/div&gt;
      &lt;div class='inline_block'&gt; stuffff &lt;/div&gt;
      &lt;div class='inline_block'&gt; stuffff &lt;/div&gt;
  &lt;/div&gt;
  
  #header{width:100%}
  .inline_block{width:20%; display:inline-block;}
  </code></pre>
  
  <p>This always achieves what I want it to, but it feels <em>wrong</em>. Can anyone shed some light on this for me? </p>