DD,DT,DDを横並び。paddingとmarginと無指定で

DD,DT,DDを横並び。paddingとmarginと無指定で
下記の内どれが一番使われているのでしょうか？
理由も教えていただけれるとありがたいです。

dl,dt,dd{ margin:0; padding:0;}
dt{ float:left; width:8em; }
.list0 dd{ padding-left:7em;}
.list2 dd{ margin-left:8em;}

<div>
<dl class="list0">
<dt>短いタイトル</dt>
<dd>短い説明、短い説明、短い説明</dd>
<dt>短いタイトル</dt>
<dd>短い説明、短い説明、短い説明</dd>
</dl>
<br />

<dl class="list1">
<dt>短いタイトル</dt>
<dd>短い説明、短い説明、短い説明</dd>
<dt>短いタイトル</dt>
<dd>短い説明、短い説明、短い説明</dd>
</dl>
<br />

<div class="list2">
<dl>
<dt>短いタイトル</dt>
<dd>短い説明、短い説明、短い説明</dd>
</dl>
<dl>
<dt>短いタイトル</dt>
<dd>短い説明、短い説明、短い説明</dd>
</dl>
</div>
</div>

No.1 ベストアンサー 回答者： yambejp 回答日時： 2010/05/01 17:29

まず、１，２と３は構造が違います。

前者の構造は同等の内容を列記しています。後者は必ずしもそうではありません。
必要に応じて書き換える必要があるでしょう。

１と２の違いは、divにclassを指定すれば、３のように複数のdlがある場合も対応ができます。
そうでなければ２でも十分でしょう。

その他CSSの優先順位の調整などありそうですが、どれが多くつかわれるということはなく
必要な仕様に合わせて、必要なものがつかわれていいます。

この回答へのお礼

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

お礼日時：2010/05/01 20:35