デザインレイアウト 03

本文
--- HTML ---
<div id="box">
<dl>
<dt><img src="img/photo.jpg" alt=""></dt>
<dd>本文</dd>
</dl>
</div>

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

#box img {
 margin:2px 10px 0 0;
 float:left;
}

#box dl {
 min-height:103px;
 height:auto !important;
 height:103px;
 margin:0;
 padding:10px 10px 0;
 background:#f3f3f3;
 border:solid #ccc;
 border-width:0 1px 1px 0;
}

#box dt {
 margin:0;
}

#box dd {
 margin:0 0 10px;
 line-height:1.32em;
 text-align:justify;
 text-justify:distribute;
}