奇怪的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;