如何水平布置布局？

Question

我想开发自己的网站，其中一个定义列表的元素将被水平放置的布局，有点像这样：如何水平布置<dl>布局？

term 1    term 2    term 3 
definition 1   definition 2   definition 3

任何人都知道一种方法，使一个定义列表这个样子的使用有效的CSS？或者如果我不能用<dl>做到这一点，那么推荐的结构是什么？

Answer 1

这应做到：

<dl> 
    <dt>term 1</dt> 
    <dd>definition 1</dd> 
</dl> 
<dl> 
    <dt>term 2</dt> 
    <dd>definition 2</dd> 
</dl> 
<dl> 
    <dt>term 3</dt> 
    <dd>definition 3</dd> 
</dl> 

而且在CSS：

dl { 
    float: left; 
} 

dl dd { 
    display: block; 
    margin: 0; 
} 

在必要时应用其它样式。工作示例可以在这里找到：

http://www.ulmanen.fi/stuff/dl.php