前のページでつくったボックス１、２をヨコに４つ段組してください。（属性と値は、float:left）
ボックス１の定義内容は、
横幅が150px、縦幅が100px。背景色は、#FFCCCC。
ボックス２の定義内容は、
横幅が100px、縦幅が100px。背景色は、#66CCFF。
ボックス１｜ボックス２｜ボックス１｜ボックス２
となるように、段組を定義してください。
ボックス１
ボックス２
ボックス１
ボックス２
.box1{
width: 200px;
height: 100px;
background-color: #FFCCCC;
float: left;
}
.box2{
width: 100px;
height: 100px;
background-color: #66CCFF;
float: left;
}
今回は、前のページで定義したボックスを、そのままつかっているので、特別な変化はないです。
HTML部分のソースは、以下のとおり。
<BODY>
<div class="box1"> ボックス１</div>
<div class="box2"> ボックス２</div>
<div class="box1"> ボックス１</div>
<div class="box2"> ボックス２</div>
</BODY>
ちょっと、手抜きな感じ（？）もしますが、
じっさいに手を動かして、練習するのが上達のコツじゃないかなと思います。、
