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

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に設定した幅

参考