無法顯示列表項直列

Question

請參考http://jsfiddle.net/4kSpz/

每個li被直接顯示出來，但由於某些原因，<dl><dt>不在線。

我需要包括什麼額外的CSS來將<dl><dt>項目與其他列表項內聯？

Answer 1

在.dselector dt和.dselector dt a span您正在使用display: block。

您可以將其更改爲display: inline-block以保持內聯並顯示爲塊。或者如果你想支持IE7，你可以使用float: left;只記得清理你的花車。

使用inline-block：http://jsfiddle.net/4kSpz/2/

使用float: left：http://jsfiddle.net/4kSpz/3/