如何使

水平布局？

我正在尝试为我的网站开发一个布局，其中定义列表的元素将水平布局，有点像这样：

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

有人知道如何使用有效的 CSS 使定义列表看起来像这样吗？或者如果我不能做到这一点<dl>，推荐的结构是什么？

这应该可以做到：

<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 http://www.ulmanen.fi/stuff/dl.php