okuden-labo
3/17/2015 - 8:07 AM

擬似インラインフレーム

擬似インラインフレーム

<!--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>