css - 如何并排放置 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>