dt,ddで表を作る｜Eight-Smile

dd,dtで表を作る

Aの欄

Aの説明

Bの欄

Bの説明

Cの欄

Cの説明。
改行されても「Cの説明」の下に表示される。

-CSS-

dl{
border: 1px solid #333;
border-top: none;
width: 300px;
}
dt,dd{ padding: 4px; }
dt{
float: left;
width: 100px;
border-top: 1px solid #333;
}
dd{
margin-left: 100px;
border-top: 1px solid #333;
border-left: 1px solid #333;
}