<dt>に隙間を入れる方法

質問

<DL class="goo">

<DT>あああ</DT>
<DD>いいい</DD>
<!-- この間 -->
<DT>AAA</DT>
<DD>BBB</DD>
</DL>

というHTMLを書きましたが、<DD>いいい</DD>と<DT>AAA</DT>の間を入れることがCSSでできません。どうしたら隙間をいれることができるのでしょいうか？

回答No.3

BLUEPIXY · ベストアンサー

DD { margin-bottom:1em; } /* 一行高開ける */

お礼

大変参考になりました。　回答ありがとうございました。

回答No.2

terrasno5

<style type="text/css">
<!--
.goo dt.akeru{
margin-top: 1em;
}
-->
</style>
<DL class="goo">
<DT>あああ</DT>
<DD>いいい</DD>
<!-- この間 -->
<DT class="akeru">AAA</DT>
<DD>BBB</DD>
</DL>

これでどうでしょう？

もしくは
<DL class="goo">
<DT>あああ</DT>
<DD>いいい</DD>
<!-- この間 -->
<DT style="margin-top:1em;">AAA</DT>
<DD>BBB</DD>
</DL>

と、いうのはどうでしょう？

お礼

回答ありがとうございます。

ソースありがとうございました。

回答No.1

asahina02

普通に改行入れるだけでも隙間空きますがCSSでないとダメなのでしょうか。

<DL class="goo">
<DT>あああ</DT>
<DD>いいい</DD>
<br>
<br>
<br>
<DT>AAA</DT>
<DD>BBB</DD>
</DL>

お礼

回答ありがうございます。

CSSで調節したいと思っていますので、<br>は使えないんです。