无法显示列表项直列

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/