イメージレイアウト 01

タイトル

--- HTML ---
<p>タイトル</p>
<ul>
<li>テキスト</li>
</ul>
<img src="img/3.gif" alt="">

--- CSS ---
p {
 width:110px;
 margin:0;
 padding:10px 10px 0 10px;
 color:#999966;
 font-size:70%;
 background:url(img/1.gif) no-repeat;
 line-height:1.32em;
}

ul {
 width:130px;
 min-height:60px;
 height:auto !important;
 height:60px;
 margin:0;
 padding:0;
 background:url(img/2.gif) repeat-y;
 list-style-type:none;
}

li {
 margin:0;
 padding:5px 10px 0;
 color:#999966;
 font-size:70%;
 line-height:1.32em;
}