DIVを使ったレイアウト(3)
つぎは,さきほど配置した <div> タグにスタイルを適用しよう.
次のようにスタイルを記述するとこのページのようになります.<div class="container"> の幅を 450 ピクセルにして,マージンを auto とすると,<div class="container"> 要素全体がページの中央に配置されます.
このページを表示した状態で,ブラウザの幅をいろいろ変更してみると良いでしょう.ブラウザの幅が代わっても,450ピクセルの要素が常に中央に配置されているはずです.
前のページへ
次のページへ
目次に戻る