HTMLでテーブルを中央に配置する方法

table {
 margin-left: auto;
 margin-right: auto;
}

上記のコードは、テーブルの左右のマージンを自動的に調整して、中央に配置する方法です。

.table-container {
 display: flex;
 justify-content: center;
}

テーブルを包む要素に.table-containerというクラスを追加し、Flexboxのjustify-content: center;を使用してテーブルを中央に配置します。

<div class="table-container">
 <table>
   <!-- テーブルの内容 -->
 </table>
</div>

.table-container {
 display: grid;
 place-items: center;
}

テーブルを包む要素に.table-containerというクラスを追加し、Gridのplace-items: center;を使用してテーブルを中央に配置します。

<div class="table-container">
 <table>
   <!-- テーブルの内容 -->
 </table>
</div>

これらの方法を使用すると、HTMLのテーブルを中央に配置することができます。適用する方法は、環境やデザインの要件によって異なる場合があります。