title: How do I span columns with a div-based table?
body: <p>I would like to have a cell go across two columns with two cells below it.  How do I do this in CSS with <code>&lt;div&gt;</code> elements? It should be equivalent to:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td colspan="2"&gt;Major column&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;C1&lt;/td&gt;
      &lt;td&gt;C2&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Please note that C1 and C2 are not necessarily going to be 50% each. The value may change depending on their contents. I also need all items in those cells no matter how many rows there are to line up just like they would in a table.</p>