2 htmlテーブルを隣り合わせでレンダリングするにはどうすればいいですか？

Question

私はこのように横に2つのテーブルを横に並べて表示しようとしています：

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

これを行うには適切な方法はありますか？表1 |

：

---

現在、私はこの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つの以下の行を持っている）のように出てレンダリング|
| --------- | |表2 |
| --------- | | ---------- |
| --------- | | ---------- |

トップから始めたいと思います。

p.s. related questionがありますが、w/divの周りに折り返したくありません。

Answer 1

vertical-align: topを追加するか、display:inline-tableの代わりにfloat: leftを使用してください。

Answer 2

なぜ2つの別々のテーブルにする必要がありますか？代わりにテーブルの列を使用できません。

表

コル1コル2

| -------- | -------- |

| -------- | -------- |

| -------- | -------- |

| -------- | -------- | ; `左：

float: left; 
display: inline-block;