ページのレイアウトをする

◉ページ全体をセンターに寄せる

これまでの作成では、

ブラウザ枠の横幅めいいっぱいまで表示されている。

そこでページ全体の横幅を固定して、

コンテンツ部分のブラウザをセンターに寄せて見やすくする。

◉<div> ~ </div> 

① HTMLで<div> タグでページ全体を囲む

② div に id 属性をつける

③ CSS で id セレクタに横幅指定する( width プロパティ)

④ 「margin :  0 auto ; 」 でセンター寄せをオートで指定する。（※）

※　margin :  0 auto ; 

オートにすることで、横幅（width）の指定値の残幅を左右均等に振り分けてくれる。

◉ div タグ

div タグはそれ自体に意味はなく、範囲を定義する汎用的なタグとして利用する。

今回はページ延滞をセンター寄せするためのデザイン調整のためだけに挿入するタグなので、

文書構造としての意味はない。