デザインレイアウト 09

タイトル

  • 本文
--- HTML ---
<div id="box">
<p>タイトル</p>
<ul>
<li><img src="img/photo.jpg" alt=""><img src="img/photo.jpg" alt="">
<img src="img/photo.jpg" alt="" class="style">本文</li>
</ul>
</div>

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

#box ul {
 border:1px solid #ccc;
 margin:10px 0 0;
 padding:0;
 list-style-type:none;
}

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

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

#box img.style {
 margin-right:0;
}

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