ボックスレイアウト 03

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

※右マージンなしの中央基点スタイル

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

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

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

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

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

#box .box3 {
 margin:0;
 padding:10px;
 clear:both;
}