htmlでテーブル間のスペースを取る方法は？

Question

テーブル間にHTMLでスペースを作成するにはどうすればよいですか？

このタグにはどのようなタグが必要ですか？

Answer 1

右の別のテーブルの後に来る任意のテーブルを指定するには、[selector] + [selector] CSSセレクタを使用してください。この場合はtable + table { margin-left: 1em; }となります。ここでは1emを任意のサイズに置き換えます。

例コード：

table { 
 
    display: inline; 
 
    border-spacing: 0; 
 
} 
 
td, th { 
 
    border: thin solid black; 
 
} 
 
/* the important part: */ 
 
table + table { 
 
    margin-left: 1em; 
 
}

<table> 
 
<thead><tr><th>column 1</th></tr></thead> 
 
<tbody> 
 
<tr><td>first item</td></tr> 
 
</tbody> 
 
</table> 
 

 
<table> 
 
<thead><tr><th>column 1</th></tr></thead> 
 
<tbody> 
 
<tr><td>another item</td></tr> 
 
</tbody> 
 
</table>