如何居中放下菜單？

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; 
}