中心菜單導航

Question

我已經想出瞭如何將徽標居中，但無法將導航集中到中心位置。希望你們可以幫忙！

代碼爲中心的標誌：

#header #logo{ 
float: none !important; 
} 

#header hgroup { 
float: none !important; 
text-align: center !important; 
} 

我知道這是非常基本的，但我喜歡一些幫助。謝謝。看我的網站here。

Answer 1

這應做到：

#navigation{ 
    float:none; 
    text-align:center; 
} 

#navigation > ul{ 
    float:none !important; 
    display:inline-block; 
} 

Answer 2

您可以在<nav>標籤和display: inline-block到<ul>使用text-align: center。

您還需要從#header #navigation和#header #navigation ul.nav刪除float: right。

你也不需要#header #navigation，因爲ID是獨特的#navigation應該是足夠的。

#navigation { 
    float: none; 
    text-align: center; 
} 


#navigation ul.nav { 
    display: inline-block;  
    float: none; 
}