中心菜单导航

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

您可以使用text-align: center标记上的<nav>和display: inline-block上的<ul>。

您还需要从float: right和#header #navigation移除#header #navigation ul.nav。

您也不需要#header #navigation，因为ID是唯一的#navigation就足够了。

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


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