如何并排放置DT元素？

Question

此： http://jsfiddle.net/ZcdkT/1/

渲染：

DT-nameA
DD-definitionA 1

DT-nameB
DD-definitionB 1
DD-definitionB 2

我希望有这个：

DT-nameA                 DT-nameB
DD-definitionA 1         DD-definitionB 1 DD-definitionB 2

我尝试过显示内联，浮动，清除......我无法弄清楚这一点。 任何人？

更新 在锚点内部，我可能会有不同大小的图像，因此，它们并没有真正并排：

http://jsfiddle.net/j6Ute/3/

Answer 1

单独的DL是实现此目的的唯一方法，因为您需要一个额外的包装元素：http://jsfiddle.net/David_Knowles/j6Ute/

<div id="links-logolinks">
    <dl>
        <dt>Support</dt>
        <dd><a href="">support 1</a></dd>
    </dl>
    <dl>
        <dt>Partners</dt>
        <dd><a href="">Partner 1</a></dd>
        <dd><a href="">Partner 2</a></dd>
    </dl>
</div>