定義リストで作る、用語とその説明

CSSで定義リストdl,dt,ddを見栄えよく変えています。

用語dtの先頭にはCSSで背景画像を入れています。

HTMl

<div class="mod_List010">
<dl>
<dt>定義リストは必要ですか？</dt>
<dd>はい、必要です。それはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですね</dd>
<dt>定義リストは必要ですか？</dt>
<dd>はい、必要です。それはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですね</dd>
<dt>定義リストは必要ですか？</dt>
<dd>はい、必要です。それはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですねそれはですね</dd>
</dl>
<!--mod_List010_end--></div>

CSS

.mod_List010 dt{
	min-height:21px;
	height:auto!important;
	height:21px;
	margin:14px 0 0 0;
	padding:0 0 8px 30px;
	font-weight:bold;
	font-size:110%;
	background:transparent url('Q_icon.gif') no-repeat top left scroll;
}
.mod_List010 dd{
	padding:10px;
	border:solid 1px #999;
	background-color:#FFFFCC;
}