text-alignプロパティを指定する
ブロックレベル要素をセンタリングする場合、通常はmarginプロパティの左右に「auto」を指定しますが、IE5.5以前とIE6の過去互換モードには対応しません。
この場合、ブロックレベル要素の親要素に「text-align:center;」を指定すると内包ブロックがセンタリングされます。ただし、スタイルの継承により要素の内容までセンタリングしてしまうので、センタリングした要素に「text-align:left;」か「text-align:justify」を指定すればいいです。text-alignプロパティでブロックレベル要素がセンタリングするのはIEのバグであり、正しい指定はありません。
div.example {
margin:0 auto;
width:80%;
}
通常ブロックレベル要素をセンタリングするには、marginプロパティの左右にautoを指定します。
body {
text-align:center;
}
div.example {
margin:0 auto;
width:80%;
text-align:left;
}
IEの旧バージョンおよび過去互換モードにも対応させるには、text-alignプロパティを追加します。