title: Two table rows to one with CSS
body: <p>Is it possible with CSS to change the appearance of a normal table like this:</p>
  
  <pre><code>+-----------+-----------+
  | Row1Cell1 | Row1Cell2 |
  +-----------+-----------+
  | Row2Cell1 | Row2Cell2 |
  +-----------+-----------+
  | Row3Cell1 | Row3Cell2 |
  +-----------+-----------+
  | Row4Cell1 | Row4Cell2 |
  +-----------+-----------+
  | Row5Cell1 | Row5Cell2 |
  +-----------+-----------+
  | Row6Cell1 | Row6Cell2 |
  +-----------+-----------+
  </code></pre>
  
  <p>Into this:</p>
  
  <pre><code>+-----------+-----------+-----------+-----------+
  | Row1Cell1 | Row1Cell2 | Row2Cell1 | Row2Cell2 |
  +-----------+-----------+-----------+-----------+
  | Row3Cell1 | Row3Cell2 | Row4Cell1 | Row4Cell2 |
  +-----------+-----------+-----------+-----------+
  | Row5Cell1 | Row5Cell2 | Row6Cell1 | Row6Cell2 |
  +-----------+-----------+-----------+-----------+
  </code></pre>
  
  <p>What I want to do is render two (or perhaps even three) <code>&lt;tr&gt;</code>s on the same visual row.
  I would like to accomplish this without using javascript if possible.</p>
  
  <p>regards Oskar</p>