css - HTML での 2 つのテーブルの配置

Question

Web アプリケーションに 2 つのテーブルを追加したいと考えています。

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

これら2つのテーブルが同じ行に配置されることを望みます. 水平に、

これどうやってするの？

Answer 1

これを試して：

span{display: inline-table;}

float: left;またはあなたもできるdisplay: inline-block;

テーブルに幅を与えます。

このデモを見る

Answer 2

span{
   display:inline-block;
}

ここにjsfiddleリンクがあります