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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください