CSS两个表格有相同的行数，怎么一一对齐看起来像是同一个表格

我是写一个大table将两个小table放在同一行的不同列中，但是结果显示还是错位了：

图片说明

 <html>
<body>
<table><tbody><tr><td _valign="top"_>
<table style="border:1px solid black">
<tr><td>1</td></tr><tr><td>2</td></tr>
</table>
</td><td _valign="top"_>
<table style="border:1px solid black"><tr><td>3</td></tr></table>
</td></tr></tbody></table>
</body>
</html>

竟然把我的代码翻译成表格了....
在每一个table上级的td中加上属性 valign="top" ,比如上面这个例子,如果不加会错位,加了就不会了.

让table的高度充满td

我觉得你可以是div里面套用两个表格，不要表格套表格