title: Is using <div> spacers a bad practice?
body: <p>Is it a bad practice to use <code>&lt;div&gt;</code> tags to express gaps between elements? If yes - why is it so?</p>
  
  <p>Here's an example:</p>
  
  <pre><code>&lt;div class="panel"&gt;
      &lt;!-- Content --&gt;
  &lt;/div&gt;
  
  &lt;div class="spacer"&gt;&lt;/div&gt;
  
  &lt;div class="panel"&gt;
      &lt;!-- Content --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS:</p>
  
  <pre><code>div.spacer
  {
      font-size: 0; 
      height: 10px;
      line-height: 0;
  }
  </code></pre>