我如何使水平导航菜单中心对齐

Question

我正在创建基于Twenty Eleven主题的Wordpress主题，无法弄清楚如何自动导航栏中心，因此我不必经常更新它。

这里是我的CSS： http://pastebin.com/SGvKmXEb

这里是PHP/HTML： http://pastebin.com/TBL1nzjV

有可能是在CSS重复的属性，但仅仅是因为我仍然在这个试验和测试多个事...

在此先感谢您的帮助！

Answer 1

这个工作对我的测试网站，你提供

#access li { 

float: left; /*delete*/ 
display:block; /*delete*/ 

display:inline-block; /*add*/ 

} 

#access ul { 

margin-left: 25%; /*delete*/ 
margin-right: 25%; /*delete*/ 
width: 1000px; /*delete*/ 
height: 10px; /*delete*/ 

margin-bottom: 0px; /*add*/ 
margin-left: 0px; /*add*/ 
padding: 0px; /*add*/ 

} 

Answer 2

我会选择一种内联块方法。

.containerElement { 
    width: 100%; 
    text-align: center; 
} 

.childElements { 
    display: inline-block; 
} 

为了让它在你的代码工作，你需要删除.containerElement（#access UL）固定高度，.childElements（#access LI）漂浮性。