ブラウザの「
互換モード」におけるセンタリングは、一般的に
center要素、
div要素などを用いて行います。
<center>
こんにちは こんにちは こんにちは こんにちは
</center>
<div align="center">
こんにちは こんにちは こんにちは こんにちは
</div>
ただし、<center>-</center>、<div align="center">-</div>は、
HTMLの文法上非推奨なマーク付けとなります。
ブラウザの「
標準モード」におけるセンタリングは、一般的にスタイルシートを用います。
ブロック要素内の
インライン要素に対してはtext-align:center、
ブロック要素に対してはmargin:autoを用いて行います。
<div style="text-align:center">
こんにちは こんにちは こんにちは こんにちは
</div>
<table border="1" style="margin:auto">
<tbody>
<tr><td>データ</td><td>データ</td></tr>
<tr><td>データ</td><td>データ</td></tr>
</tbody>
</table>
IEの「
互換モード」では、margin:autoは無視されるのでブラウザの
表示モードには十分注意を払ってください。
HTMLの文法上は大間違いになりますが、非推奨なマーク付けが基本的に無視される「
標準モード」において、非推奨なマーク付けを禁止するStrictなDTDの宣言を行い、
center要素、
div要素によるセンタリングをマーク付けした際にも、ie8 ff3 o9 sf4 gc2 N7各ブラウザにおいてセンタリングは行われます。
*1 本来的には、HTMLのバージョンを示す<!DOCTYPE>によって、マークアップ分けすべきです。