htmlで同じ行に複数のテーブルを作りたい

質問

題名のとおりなんですけど

テーブル１　空白　　テーブル２　　空白　テーブル３

みたいな感じにしたいのですけど
どうしたらいいのでしょうか？

回答No.2

lilillllililili · ベストアンサー

簡単な方法は、テーブルの中にテーブルを作ることですが、もう少し格好よくしたいならCSSのfloatを使います。Divなどのブロック要素は横に並べることができません。しかし、例えば次のようにすると並べて表示することができます。

<style>
.floating { float: left; width: 200px; height: 200px; margin-right: 10px; }
.floating td { background: gray; }
.clear { clear: both; }
</style>

<!-- テーブル1 -->
<table class="floating">
<tr><td>My cell 1</td></tr>
</table>

<!-- テーブル2 -->
<table class="floating">
<tr><td>My cell 2</td></tr>
</table>

<!-- テーブル3 -->
<table class="floating">
<tr><td>My cell 3</td></tr>
</table>
<br class="clear">

お礼

できました
ＣＳＳも勉強してみます

回答No.1

kgrjy

table
　tr
　　td
　　　　　table
　　　　　　　　tr
　　　　　　　　　　td　/td
　　　　　　　 /tr
　　　　 /table
　 /td
　　td
　　 空白
　 /td
　　td
　　　　　table
　　　　　　　　tr
　　　　　　　　　　td　/td
　　　　　　　 /tr
　　　　 /table
　　/td
　/tr
/table

td の中に、tableを記述するだけですが。