奇怪的CSS问题 - 是什么原因导致它有一个列表

Question

顶部填充这是我的代码： http://jsfiddle.net/fuWjR/

的CSS是这样的：

#pagination li { font-size:11px; } 
#pagination li, #pagination-clean a { border:solid 1px #DEDEDE; margin-right:2px; } 
#pagination .previous-off, 
#pagination .next-off { color:#888888; display:block; float:left; font-weight:bold; padding:0px; } 
#pagination .next a, 
#pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; } 
#pagination .active { color:#00000 font-weight:bold; display:block; float:left; padding:0px; } 
#pagination a:link, 
#pagination a:visited { color:#0033CC; display:block; float:left; padding:0px; }​ 

正如你看到的例子中，对每个数字分页。我希望他们都出现在同一条线上。在示例中我看不到任何顶部填充，那为什么要这样做呢？

Answer 1

地址：

display: block; 
float: left; 

样式表中的李项目，并确保您有：

overflow: hidden; // or auto 

父UL

Answer 2

你应该添加到您的“＃分页李'，这是最好的选择。

display: inline; 
float: left;