今回は、見出しの部分をするわよ。（下の図を見てね）

大丈夫よ〜！
文字の書き換えが簡単な、見出しはこんな感じで組むのよ。

画像は遅れて出たりするから、出るまでのあいだ字が読みにくくなるの。
だから、付けておいた方がいいわよ。
今回のデザインも「コンテンツの背景は白」「見出しの背景は黒っぽい」「見出しのテキストは白」だから画像が読み込まれるのに時間がかかると「白背景＋白文字」になるから読みにくいわね。

あと文字数が増えたり、拡大した場合も見にくいのよ。

文字の書き換えが可能な見出しは、CSSでカバーするのも限界があるわ。今回は出来たけど。

1. 文字数が多くなった場合はどのように表示するのか
2. それはCSSで表現出来るのか

ってことを考えながら作らないとダメね。

あと文字位置の調整はこんな感じね。

dtとddはpaddingで調整するから幅を指定していたら、かえって不都合なのよ。

dtとddはブロック要素だから親のdlの幅いっぱいに広がるのよ。（file17参照）
だから放っておいてもいいんだけど、むしろこの場合、dtとddには幅を指定しない方がいいわね。

計算しなくていい、ってことはデザインの再利用・微調整が楽に出来るわ。
ちょっとした積み重ねが、楽ちんへの道に通じるのよ！！

オッケーね！
これの応用で「みったん・略歴」の説明文の部分も出来るわよ。