CSS 中央寄せレイアウト

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る
すぐに忘れちゃうのでメモ代わりに投稿
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;
}
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*

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