html - 左に 2 セル、右に 3 セルのテーブルを作成するにはどうすればよいですか?

Question

HTML で左に 2 つのセル、右に 3 つのセルを持つテーブルを作成するにはどうすればよいですか? このような ：

Answer 1

これを作成するには、このような 3 つのテーブルを使用する必要があります

<table width="500" border="0" cellspacing="0" cellpadding="0" style="border:solid 1px #333;">
  <tr>
    <td width="50%" style="border-right:solid 1px #333;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="border-bottom:solid 1px #333;">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="border-bottom:solid 1px #333;">&nbsp;</td>
      </tr>
      <tr>
        <td style="border-bottom:solid 1px #333;">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>

jsFiddle ファイル