デザインレイアウト 05

タイトル
本文
--- HTML ---
<div id="box">
<dl>
<dt>タイトル</dt>
<dd>本文</dd>
</dl>
</div>

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

#box dl {
 margin:0;
 padding:10px;
 background:#f3f3f3;
 border:solid #ccc;
 border-width:0 1px 1px 0;
}

#box dt {
 margin:0;
 padding:5px;
 background:#999;
 color:#fff;
}

#box dd {
 margin:10px 0 0 5px; 
 line-height:1.32em;
}