CSS 定義型リスト(dl,dt,dd)の横並びスタイル

2007/09/07
CSS dt、ddの横並びスタイル
2007/09/07
CSS dt、ddの横並びスタイル
2007/09/07
CSS dt、ddの横並びスタイル

HTML

<dl class="dl01 clearfix">
<dt>2007/09/07</dt>
<dd>CSS dt、ddの横並びスタイル</dd>
<dt>2007/09/07</dt>
<dd>CSS dt、ddの横並びスタイル</dd>
<dt>2007/09/07</dt>
<dd>CSS dt、ddの横並びスタイル</dd>
</dl>

スタイルシート

.dl01 {
width: 450px;
}

.dl01 dt{
color: #06F;
font-weight: 800;
float: left;
margin: 0 0 5px 0;
width: 120px;
}

.dl01 dd{
float: right;
margin: 0;
width: 330px;
margin: 0 0 5px 0;
}