デザインレイアウト 08

タイトル

  • 本文
--- HTML ---
<div id="box">
<p>タイトル</p>
<ul>
<li><img src="img/photo.jpg" alt="">本文</li>
</ul>
</div>
※写真は2枚まで

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

#box ul {
 min-height:108px;
 height:auto !important;
 height:108px;
 border:1px solid #ccc;
 margin:0;
 padding:0;
 list-style-type:none;
}

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

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

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