前回段落のある程度の配置をしました
今回はそれの大きさを設定します
とりあえずソースを見てみましょう
また一段とソースが長くなりましたので
スタイルシートの部分のみを表示しています
<body>内の変更はありません
大きさは、width（横幅）の指定と
height（高さ）の指定で決めます
daikakomi段落を例にしますと
width：600px；height：auto；
これは横幅が600pxで高さが自動ということです
HTMLの単位はpx（ピクセル）が一般的ですが
cmやmmやin（インチ）他にも
ブラウザの大きさを基に％でも表示が可能です
あと、命令の後の「；（セミコロン）」は
1つの命令の終わりを意味します
したがって「width：600px；height：auto；」は
1行に、横幅と高さの2つの命令をしていることになります
「；」でしっかり区切ってやれば
その1行に続けて３つあるいは４つ、５つ、６つ
命令を記述してもかまいません
しかし、見やすいように整理することは必要です
では上のソースをブラウザで見てみましょう
このようになりました
最初のレイアウトの画像に近くなりました
後はこれをセンスのよい色にしたり
文字の配置などをうまくレイアウトしていきます
次回からはセンス良くしていきます
僕にセンスがあるかどうかはわかりませんけど