title: How to make an empty div take space?
body: <p>This is my 960 grid system case:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;kundregister_grid_full&quot;&gt;
      &lt;div class=&quot;kundregister_grid_1&quot;&gt;ID&lt;/div&gt;
      &lt;div class=&quot;kundregister_grid_1&quot;&gt;Namn&lt;/div&gt;
      &lt;div class=&quot;kundregister_grid_1&quot;&gt;Anv.Namn&lt;/div&gt;
      &lt;div class=&quot;kundregister_grid_1&quot;&gt;Email&lt;/div&gt;
      &lt;div class=&quot;kundregister_grid_1&quot;&gt;Roll&lt;/div&gt;
      &lt;div class=&quot;kundregister_grid_1&quot;&gt;Aktiv&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>This is my set of divs, used as a table structure.</p>
  <p>CSS says following:</p>
  <pre class="lang-css prettyprint-override"><code>.kundregister_grid_1 {
      display: inline-block;
      float: left;
      margin: 0; 
      text-align: center;
  }
  .kundregister_grid_1 {
      width: 140px;
  }
  </code></pre>
  <p>Don't mind the Swedish naming. I want the divs to show even though they have no values.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;kundregister_grid_full&quot;&gt;
   &lt;div class=&quot;kundregister_grid_1&quot;&gt;ID&lt;/div&gt;
   &lt;div class=&quot;kundregister_grid_1&quot;&gt;&lt;/div&gt;
   &lt;div class=&quot;kundregister_grid_1&quot;&gt;&lt;/div&gt;
   &lt;div class=&quot;kundregister_grid_1&quot;&gt;Email&lt;/div&gt;
   &lt;div class=&quot;kundregister_grid_1&quot;&gt;Roll&lt;/div&gt;
   &lt;div class=&quot;kundregister_grid_1&quot;&gt;Aktiv&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Like so, in this case there's no 'Namn' and 'Avn.Namn' in the two columns. However when running this in chrome, they are removed, and do no longer push the other divs in the order <code>float:left</code>. So if I have categories in same divs above, then the values would be placed under wrong category.</p>