title: HTML table how to split rows in second column?
body: <p>And align by center?</p>
  
  <p>In my case I need something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/DTuIj.jpg" alt="enter image description here"></p>
  
  <p>in the place where square is, I want to put picture, aligned in center. I try to do it in table, but I can split only first rows like this:</p>
  
  <pre><code>&lt;div&gt;
      &lt;asp:Panel&gt;
  
         &lt;table&gt;
          &lt;tr&gt; 
           &lt;td rowspan="2" bgcolor="#FBF0DB"&gt;Cell 1&lt;/td&gt;
           &lt;td&gt;Cell 2&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt; 
           &lt;td&gt;Cell 3&lt;/td&gt;
          &lt;/tr&gt;
         &lt;/table&gt;
  
      &lt;!-- here other markup --&gt;
      &lt;/asp:Panel&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/4HVTu.jpg" alt="enter image description here"></p>
  
  <p>But if I swap(td from first tr with second), cell from right is not splitted or not aligned by center:</p>
  
  <p><img src="https://i.stack.imgur.com/7Lhg9.jpg" alt="enter image description here"></p>
  
  <p>How to split from right side and align by center?</p>