html - 右边有多个DD的DT？

Question

当然，基本上我想在 HTML 中实现这样的东西:

  Description:  Element #1
                Element #2
                Element #3 [eventually bla bla bla]
                [...]

表格就是个笑话:

<table>
  <tr>
   <td>Description</td>
   <td>Element #1<br>Element #2<br>Element #3 [eventually bla bla bla]</td>
  </tr>
</table>

但是我应该使用表格还是？

Answer 1

这并不难，只要记住你的组合器:

dt {
    float: left;
    width: 8em;
}

dd {
    margin-left: 9em;
}

dd + dd {
    margin-left: 9em;
}

JS Fiddle demo .

引用资料:

• E + F, adajacent-sibling selector .