<dl>
<dt>果物</dl>
<dd>りんご</dd>
<dt>バナナ </dt>
<dd>オレンジ </dd>
</dl>

.sapmle_yoko dt {
float: left ; /*左に寄せ*/
clear: left ; /*後にくる左寄せを解除*/
margin-right: 0.5em ;
width: 120px ;
}.sapmle_yoko dd {
float: left ;
margin-left: 1em ;
}

.sapmle_hyou dt {
float: left ; /* 左に寄せ */
clear: left ; /* 後にくる左寄せを解除 */
border: solid 1px #ccc; /* グレーの枠をつける */
background-color: #29237e; /* 見出しっぽく背景色もつける */
width: 120px;
color: #FFF;}
.sapmle_hyou dd {
float: left ;
border: solid 1px #ccc; /* グレーの枠をつける */
width: 120px;
}