(イ) 今までにやったことを用いて、コンテンツを装飾する

コンテンツの装飾、となっていますが、ここでやりたいことは、余白のコントロールです。

問題。
上の写真（今の状態）から、下の写真にしてみましょう。

※ポイントは、文章の左と下に余白が出来ているところです。
また、一番上の文章だけでなく、下の二つの文章にもインデント（余白）をつけましょう。

では、やってみてください。
次のページで答え合わせをします。

HTML:
<div class="content_box">
 <p>　文章（長いので省略）。</p>
</div>
～中略～
<div class="content_box">
 <p>　文章（長いので省略）。</p>
</div>
～中略～
<div class="content_box">
 <table>（省略）</table>
 <p>　文章（長いので省略）。</p>
</div>

※指定する場所が複数あるので、classです。
※最後だけ、<table>タグを含めて、ボックスにしてしまいましょう。

CSS:
.content_box {
     margin: 0 0 50px 40px;
}

できましたか？

では、次に行きましょう。

あなたも、サポートメールに参加しませんか？

『初めてWeb入門』に取り組んでくださっている方にサポートメールをお送りしています。
ここでは、『初めてWeb入門』では紹介し切れなかったウェブデザインの知恵を配信しています。
名前とメールアドレスだけで参加出来ますので、興味のある方は、ぜひご参加くださいね＾＾

※サポートメールは、いつでも解除できます。詳しくはサポートメールのページをご確認ください。