css - 在 HTML 中定位两个表格

Question

我想在我的 Web 应用程序中添加两个表：

<span><table><tr><td>A</td><td>B</td></tr></table></span>
<span><table><tr><td>C</td><td>B</td></tr></table></span>

我希望这两个表位于同一行，即。水平方向，

我怎样才能做到这一点？

Answer 1

试试这个：

span{display: inline-table;}

或者你也可以做float: left;或display: inline-block;

并给你的桌子宽度。

看这个演示

Answer 2

span{
   display:inline-block;
}

这是jsfiddle链接

Answer 3

例如：

<span class="table"><table><tr><td>A</td><td>B</td></tr></table></span>
<span class="table"><table><tr><td>C</td><td>B</td></tr></table></span>

然后是 CSS：

.table{     
    float: left;
}