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