2013-05-18 72 views
3

此: http://jsfiddle.net/ZcdkT/1/如何將DT元件並排放置?

呈現:

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/

回答

3

獨立的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> 
+0

對不起,不提它,但我使用與DD錨不同高度的圖像,這樣他們就可以不屬於R最後留下「並排」。 – MEM

+0

這很容易修復:http://jsfiddle.net/David_Knowles/j6Ute/4/ – Timidfriendly

+0

剛剛檢查。這不完全是最終結果。 dd也應該並排。 – MEM