編輯Nav菜單-如何包裝display：block，float：left以具有居中菜單？

Question

是的，所以，我一直在自我編輯一個相當復雜的網站，並停留在涉及菜單的最后一部分。 它有一個float：left命令（導航欄顯示在屏幕左側），我一直在嘗試用包裝器將其更改為text-align：center（顯示在屏幕中央），但未成功。

下面是代碼：

#nav a {
    display: block;
    padding: 5px;
    color: #aaa;
    text-decoration: none;
    outline: none;
    font-weight: normal;
    font-family: "Droid Serif", Georgia ,serif;
}
#nav > .current-menu-item > a,
#nav > li a:hover { color: #4C4C4C }
.plus { color: #aaa }
#nav ul {
    position: center;
    display: none;
}
#nav li {
    float: left;
    position: relative;
    list-style-type: none;
    padding-bottom: 5px;
}
#nav li a {
    letter-spacing: 3px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 15px;

我是一個編程新手，在試錯法和Google chrome中的“檢查元素”命令的結合下幾乎可以生存。 請輕描淡寫，而不要作說明:)

干杯，傑西

Answer 1

如果要將ul在導航中居中，只需在ul和margin中添加寬度 ：0 auto; 如果您不想添加寬度，請查看如何將水平<UL>菜單居中對齊？

Answer 2

而不是float，請給您的LI提供display：inline-block 。 這樣寫：

#nav li {
    display:inline-block;
    *display:inline;/* For IE*/
    *zoom:1;
    position: relative;
    list-style-type: none;
    padding-bottom: 5px;
}