Divタグ

divタグは空の段ボール箱のようなもので、それ自身は役割を持っていませんが、divタグの中に色々なタグを一まとまりとして格納することで、その箱の中のフォントを一度に指定したり、まとめて好きな位置に配置したりすることができるようになります。

<!-- HTML -->
<div id="a1">
<h1>見出し</h1>
<p>段落</p>
</div>

div#a1に対して赤文字スタイルを適用すれば、h1とpの文字色がどちらも赤色になります。ただし、h1やpに対して個別に別の色を指定した場合そちらが優先されます。

/* CSS */
#a1 {
	color:#f00;
	}

すごく重要なのが、位置の指定です。

divの塊の幅を300px、text-align:centerで中央配置させて、中身のh1をtext-align:leftで左に寄せると、中央に設置されたdivの檻から出れない状態で左に寄せられます。