table 要素のセンタリング

テーブル要素のセンタリングには、誤った用法が流布している。すなわち以下のようなものである。

<div style="text-align:center;">
<table>
　<tr>
　　<td>A1</td>
　　<td>A2</td>
　</tr>
</table>
</div>

ブロック要素のテーブルに、インライン要素の text-align を使ってはならない。正しくはこうである。

<table style="margin-left:auto;margin-right:auto;">
　<tr>
　　<td>A1</td>
　　<td>A2</td>
　</tr>
</table>