Html 导航栏指向中心

我已经设计了一个标题，是与标志和一些链接页面的中心。在标题下方，我有导航菜单，它与页面左侧对齐。我希望导航菜单位于页眉下方的页面中心。如何实现这一点？这里是代码链接。如果我添加0自动边距；菜单被折叠

添加以下内容：

#nav    
- text-align:center;

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

并删除：

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

更新的分叉代码笔： 添加以下内容：

#nav    
- text-align:center;

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

并删除：

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

更新的分叉代码笔： 添加以下内容：

#nav    
- text-align:center;

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

并删除：

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

更新的分叉代码笔： 添加以下内容：

#nav    
- text-align:center;

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

并删除：

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

更新的分叉代码笔：