ボックスレイアウト 07

ボックス
ボックス
ボックス
ボックス

※右マージン指定の左基点スタイル(float:left)

--- HTML ---
<div id="box">
 <div class="box1">ボックス</div>
 <div class="box2">ボックス</div>
 <div class="box3">ボックス</div>
 <div class="box4">ボックス</div>
</div>

--- CSS ---
#box {
 width:500px;
 font-size:80%;
}

#box div {
 width:94px;
 min-height:15px;
 height:auto !important;
 height:15px;
 margin:0 10px 0 0;
 border:1px solid #ccc;
}

#box .box1 {
 padding:10px;
 float:left;
}

#box .box2 {
 padding:10px;
 float:left;
}

#box .box3 {
 padding:10px;
 float:left;
}

#box .box4 {
 margin:0;
 padding:10px;
 float:left;
}