導航欄左側浮動使得在同一行

Question

我試圖建立一個樣本網站，我正在與頁眉和頁腳之間的部分問題得到內容放到同一行頭

移除保證金和填充重置作爲通配符修復此問題，但必須有另一種方式。

小提琴http://jsfiddle.net/P8QmL/

header ul { 
    display: inline; } 
    header ul .nav-header li { 
    list-style: none; 
    margin-right: 1em; 
    float: left; } 
    header ul a { 
    text-decoration: none; } 

*{ margin: 0; padding: 0; } 

Answer 1

如果我明白你的問題正確那麼這應該可以幫助您

.nav-header li { 
list-style: none; 
margin: 0 auto; 
display: inline; 
} 

.nav-footer li{ 
list-style:none; 
} 

Working Fiddle