html css

定義リストのdd要素を横一列にするCSS

dd要素はデフォルトで、左にマージンが入っているから、ただなら端だけでは異様に間が空いてしまうので、マージンをリセット。そうすると、ddようそとdt要素の開始位置が一緒になってしまうから、dt要素を左に2emずらした。

dl{
margin-left: 3em;
}
dt{
position: relative;
top: 0;
left: -2em;
clear: both;
border-top: 1px solid #693132;
border-bottom: 1px dashed #693132;
padding-left: 1em;
margin: 1em 0;
}
dd{
float: right;
float: left;
padding: 0;
margin: 0;
}