インライン要素をセンタリングする場合は、その要素のCSSで text-align: center; という text-align プロパティを与えれば良いのですが、div や table 等のブロックレベル要素をセンタリングする場合、例えば下記のようにマークアップされた ブロックレベル要素、 <div id="test">[ブロックレベル要素]</div> をセンタリングする場合は、CSSに下記のような設定を行います。 #test { margin-left: auto; margin-right: auto; width: [ブロックレベル要素の幅]; } ブロックレベル要素のセンタリングは上記が正しい方法で、Firefox や Opera、また IE6 の「標準準拠モード」や最近リリースされた IE7 では上記の設定で正常に表示されますが、IE6 の「後方互換モード」ではブラウザにバグ
![CSSでブロックレベル要素をセンタリングする](https://cdn-ak-scissors.b.st-hatena.com/image/square/1556ab6d980f254e1ee39b8c2fcb798aaf6e19e0/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2Fcat3_80.jpg)