html - 如何呈现彼此相邻的 2 个 html 表格？

Question

我正在尝试像这样水平相邻地呈现 2 个表:

|表1| |表2|
|----------| |------------|
|----------| |------------|
|----------| |----------|

这样做的正确方法是什么？

---

目前，我得到了这个 html:

<div style="vertical-align:top;">
 <table style="display:inline-table;">
  ...1st table
 </table>
 <table  style="display:inline-table;">
  ...2nd table
 </table>
</div>

垂直对齐有问题，它呈现如下(表#2 少了 1 行):

|表1|
|----------| |表2|
|----------| |------------|
|----------| |----------|

我希望它从顶部开始。

附言有 related question ，但我不想用 div 将它包裹起来。

Answer 1

尝试添加 vertical-align: top 或使用 float: left 而不是 display:inline-table。