Edited at

HTMLの定義リストのインデント幅を変える

More than 3 years have passed since last update.

dd要素に対してmargin-leftを指定すると、インデント幅を指定することができる。


sample.html

<dl>

<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
</dl>

<dl class="example">
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
</dl>



sample.css

dd {

margin-left: 1em;
}

定義する用語

用語に対する説明
定義する用語
用語に対する説明
定義する用語
用語に対する説明
#通常幅

定義する用語
用語に対する説明
定義する用語
用語に対する説明
定義する用語
用語に対する説明
#1emに設定した幅


参考

http://www.tagindex.com/stylesheet/list/margin2.html