导航栏到中心

Question

我设计了一个标题，该标题是带有徽标和一些链接的页面的中心。在标题下方，我有导航菜单，它与页面左侧对齐。我希望导航菜单位于页眉下方的页面中心，我如何实现这一目标？这里是代码链接http://codepen.io/anon/pen/ihamG/。如果我添加保证金0自动;菜单被折叠。

Answer 1

添加以下内容：

#nav  
- text-align:center; 

#nav > li 
- display:inline-block; 
- *display:inline; /*IE7*/ 
- *zoom:1; /*IE7*/ 

，并删除：

#nav > li 
- display:inline; 
- float: left; 

更新，分叉codepen： http://codepen.io/anon/pen/dbqzw/