DIVを使ったレイアウト(3)

つぎは,先程配置した <div> タグにスタイルを適用しよう.

次のようにスタイルを記述するとこのページのようになります.<div class="container"> の幅を 450 ピクセルにして,マージンを auto とすると,<div class="container"> 要素全体がページの中央に配置されます.

このページを表示した状態で,ブラウザの幅をいろいろ変更してみると良いでしょう.ブラウザの幅が代わっても,450ピクセルの要素が常に中央に配置されているはずです.

前のページへ   次のページへ

目次に戻る