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

##参考
http://www.tagindex.com/stylesheet/list/margin2.html