如何居中放下菜单？

Question

今天谢谢你的时间来帮我解决这个问题的CSS。

我得到了导航菜单设置（顶部导航=主NAV），因为我想，但我不能为我的生活想出一个办法来中心对齐下拉​​（第二级导航）到其父导航项目，而不影响当前的布局或功能。

导航列表是棘手的设置在中间的菜单，并通过WordPress的仍然是动态的。我用display：table和display：table-cell的组合来做到这一点。 导航的顶层看起来很大，但下拉二级水平关闭对齐。

任何意见将不胜感激。提前致谢！欢呼声中，

Answer 1

增加的宽度到您的UL丽中心的孩子导航。在这里工作的小提琴：http://jsfiddle.net/ktFJg/

.nav ul { 
    font-size:12px; 
    width:1140px; 
    text-align:center; 
    display:table; 
} 
.nav ul, .nav ul li { 
    float:none; 
} 
.nav ul li { 
    margin-left:20px; 
    width:100px; 
} 
.nav ul li ul { 
    text-align:left; 
    display:-inline-block; 
    border:none; 
} 
.nav li { 
    float:none; 
    display:inline-block; 
    display:table-cell; 
    vertical-align:middle; 
    color:#000; 
} 
.nav ul li a, nav ul li a:active { 
    color:#000; 
} 
.nav ul li a:hover { 
    color:#c0c0c0; 
}