Css 在HTML中定位两个表

我想在我的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>

AB
CB

我希望这两张桌子放在同一排，即水平

我该怎么做？

试试这个：

span{display: inline-table;}

或者你也可以做

float:left或
显示：内联块

给你的桌子加宽

看到这个了吗

以下是
示例：

<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>

为什么要在内联元素（
span
）中放置块级元素（
table
）。甚至，你为什么要把一张桌子放在一个跨度里？好奇的是，你有另一个版本如何水平放置两个表吗？好吧，你可以使用CSS来更改表的
显示类型，或者使用
浮动
，将表放置在
span
中是完全没有用的。（更多关于内联元素中的块元素的讨论，请参见此处->）
<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>

.table{     
    float: left;
}