擬似インラインフレーム
<!--head部分-->
<style type="text/css">
div#info {
width: 520px;
}
div#info h3{
color: #fff;
background-color: #55a3da;
text-align: center;
margin: 0px;
}
div#info dl{
margin: 0px;
padding: 0 1em 0 1em;
border: 1px solid #55a3da;
height:150px;
overflow:auto;/*内容が溢れるとスクロールバーが表示*/
}
div#info dt{
font-weight: normal;
float:left;
width:4em;
}
div#info dd{
margin-bottom: 1em;
margin-left: 4em;
}
</style>
</head>
<!--ここまでhead部分-->
<body>
<div id="info">
<h3>infomation</h3>
<dl>
<dt>2007/06/29 </dt>
<dd>EEE様 新規ホームページ制作EEE様 新規ホームページ制作EEE様 新規ホームページ制作</dd>
<dt>2007/06/22 </dt>
<dd>FFFFFFF様 リニューアル制作
<ul>
<li>2007/06/29 <a href="">株式会社AAA様 新規ホームページ制作</a> </li>
<li>2007/06/25 <a href="">株式会社BBB様 リニューアル制作</a> </li>
<li>2007/06/22 <a href="">株式会社CCC様 新規ホームページ制作</a> </li>
</ul>
</dd>
<dt>2007/06/09 </dt>
<dd>DDD様 ハネムーンサイト制作</dd>
</dl>
</div>