title: CSS - rowspan like effect
body: <p>I simply want to achieve the effect where the left column has two merged rows and the one on right has none. How can I achieve this layout?</p>
  
  <p>The html table will look like -</p>
  
  <pre><code>&lt;table border="1" &gt;
    &lt;tr&gt;
      &lt;td rowspan="2"&gt;Div 1&lt;/td&gt;
      &lt;td&gt; Div 2 &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Div3&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;​​​​​​
  </code></pre>
  
  <p>Edit: I want to acheive this using Div. I would be putting User control in each div element. It is important that Div3 starts below div2 but not below Div1.</p>
  
  <p>[Sorry, this is first post so cannot add image]</p>
  
  <p>Thanks.</p>