CSS 中央寄せレイアウト

すぐに忘れちゃうのでメモ代わりに投稿
CSSの中央寄せレイアウトです。


.containerは外側のボックス、.contentsは内側のボックスです。
margin:autoはwidthを設定しないと効かないので注意!

text-alignはIE5,IE5.5対策です。

.container {
width: 100%;
text-align: center;
}
.contents {
width: 500px;
margin: 0 auto;
text-align: left;
}

コメントを残す

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください