HTML-таблица, как разделять строки во втором столбце?

Question

И выровнять по центру?

В моем случае мне нужно что-то вроде этого:

в том месте, где квадрат, я хочу поставить картину, выровненную в центре. Я пытаюсь сделать это в таблице, но я могу разделить только первые строки, как это:

<div> 
    <asp:Panel> 

     <table> 
     <tr> 
     <td rowspan="2" bgcolor="#FBF0DB">Cell 1</td> 
     <td>Cell 2</td> 
     </tr> 
     <tr> 
     <td>Cell 3</td> 
     </tr> 
     </table> 

    <!-- here other markup --> 
    </asp:Panel> 
</div> 

Но если поменять местами (Td от первого тра с вторым), ячейка справа не расщепляется или не выровнен по центру:

Как разделить с правой стороны и выровнять по центру?

Answer 1

Просто сделайте что-нибудь подобное, и с вами все будет в порядке.

<div> 
<asp:Panel> 

    <table> 
    <tr> 
    <td bgcolor="#FBF0DB">Cell 1</td> 
    <td rowspan="2">Cell 2</td> 
    </tr> 
    <tr> 
    <td >Cell 3</td> 
    </tr> 
    </table> 

<!-- here other markup --> 
</asp:Panel> 

Принцип просто говорит второй столбец на первом ряду занимают две строки в месте по умолчанию, который является одним.