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

つぎは,ブラウザの両サイドに余白を作り,本文を中央の枠の中に表示してみよう.このために,<div> タグを使用します.<body> タグはブロックレベル要素と呼ばれるものの一つである.ブロックレベル要素はそれぞれが一つのかたまりとして認識され,特にスタイルを指定しない限りは,その前後に改行が入る.<p> タグもブロックレベル要素なので,改行(と余白)が入ります.

具体的には,次のように <body> タグの中に大きなブロック要素<div> タグを配置してみる.今配置した<div> の中に本文の要素(<h1><p>)を配置してみよう.

まだ,スタイルシートには何も記述していないので,ブラウザで表示した結果は変わらないはずです.

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

目次に戻る