つぎは,ブラウザの両サイドに余白を作り,本文を中央の枠の中に表示してみよう.このために,<div>
タグを使用します.<body>
タグはブロックレベル要素と呼ばれるものの1つである.ブロックレベル要素はそれぞれが1つのかたまりとして認識され,とくにスタイルを指定しない限りは,その前後に改行が入る.<p>
タグもブロックレベル要素なので,改行(と余白)が入ります.
<body>
タグの中に大きなブロック要素<div>
タグを配置してみる.今配置した<div>
の中に本文の要素(<h1>
や <p>
)を配置してみよう.
まだ,スタイルシートには何も記述していないので,ブラウザで表示した結果は変わらないはずです.