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

display inline、float、clear を試してみました...これがわかりません。誰 ？

更新: アンカー内には、このような異なるサイズの画像がある場合があるため、実際には横に並べることはできません。

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>