Css 将菜单移到中间

我想把菜单移到中间。我该怎么做

我试着换一下浮子，但没用

ul#menu {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    list-style-type:none;
    background-color:#D60024;
}

ul#menu > li {
    float:left;
    display:inline;
    position:relative;
    padding:3px;
    border:1px #8a0505 solid;
    background-color:#D60024;
    color:white;
}

ul#menu > li:hover {
    background:#8a0505;
    color:white;
}

ul#menu > li:hover ul {
    opacity:1;
    left:0;
    height:auto;
}

ul#menu li ul {
    position:absolute;
    float:left;
    width:100px;
    height:0;
    padding: 5px 5px 5px 0;
    margin:0;
    opacity:0;
}

ul#menu ul li {
    background-color:#D60024;
    border:1px #8a0505 solid; 
}

ul#menu ul li:hover {
    background:#8a0505;
    border:1px #8a0505 solid;
    color:white;
}

编辑：我想要这样，但两边的高度相同。通过填充解决：4px；在ul#菜单上

---

我想你可以试试这个

我删除

ul#菜单

float和background，然后添加文本对齐

ul#menu {
    text-align:center;
    width:100%;
    margin:0;
    padding:0;
    list-style-type:none;
    /* background-color:#D60024; */
}

我还删除了

ul#menu>li

float:left

---

希望对您有所帮助。

我建议您尝试一下，它有许多布局和漂亮的菜单设计。

谢谢您的回答。我想要这样，但两边的高度相同。不客气。对不起，先删除背景色。但是很高兴能帮助你