デザインレイアウト 07

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

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

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

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

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

#box li.title {
 margin:0;
 padding:5px;
 color:#fff;
 background:#999;
}