样式化定义以定义顶部的术语水平列出

Question

我有一段代码，比如

<dl>
   <dt>term 1</dt>
   <dd>My data</dd>
   <dt>term 1</dt>
   <dd>My data</dd>
   <dt>term 1</dt>
</dl>

使用css（3），我如何将它们排列成这样的顺序？

Definition    Definition    ......
Term          Term

谢谢大家！

Answer 1

如果它们有固定的宽度和高度，或者如果它们不需要换行到下一行，那么只需进行一点黑客攻击：

http://jsfiddle.net/GolezTrol/hN34S/

Answer 2

如果没有额外的包装元素，就无法做到这一点。这里有一个非常好的网站，可以为定义列表设置样式：http://www.maxdesign.com.au/articles/definition/