デザインレイアウト 06

  • タイトル
  • 本文
--- 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:135px;
 height:auto !important;
 height:135px;
 margin:0;
 padding:0;
 background:#fff;
 border:solid #999;
 border-width:0 1px 1px 1px;
 list-style-type:none;
}

#box li {
 margin:8px 10px 10px 10px;
 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;
}