Css 如何水平对齐导航并将其居中？

我需要将导航链接放在div的中心，并将其水平对齐。我尝试过这种方法，但没有成功

            <nav id="centermenu">
                   <ul>
                         <li><a href="#">Business</a></li>
                         <li><a href="#">Specialities</a></li>
                         <li><a href="#">Contact us</a></li>
                    </ul> 
            </nav>

---

修复了#centermenu的上一个错误，谢谢，但仍然不起作用

            <nav id="centermenu">
                   <ul>
                         <li><a href="#">Business</a></li>
                         <li><a href="#">Specialities</a></li>
                         <li><a href="#">Contact us</a></li>
                    </ul> 
            </nav>

---

谢谢

UL部分似乎有打字错误

Cetermenu ul

取而代之的是

Centermenu ul

编辑：

以下内容似乎对我有用。也许一个接一个地添加其他标签，看看它是否断裂

#centermenu {
float: left;
width: 100%;
    text-align: center;
border-bottom: 2px solid #011;
background: #ffe;
overflow: hidden;
position: relative;
}

#centermenu ul {
margin: 2 auto;
display: block
}


#centermenu ul li {
display: inline;
text-align: center;
margin: 1em;
padding: 1em;
}

---

UL部分似乎有打字错误

Cetermenu ul

取而代之的是

Centermenu ul

编辑：

以下内容似乎对我有用。也许一个接一个地添加其他标签，看看它是否断裂

#centermenu {
float: left;
width: 100%;
    text-align: center;
border-bottom: 2px solid #011;
background: #ffe;
overflow: hidden;
position: relative;
}

#centermenu ul {
margin: 2 auto;
display: block
}


#centermenu ul li {
display: inline;
text-align: center;
margin: 1em;
padding: 1em;
}

---

将左侧从50%更改为25%

---

将左侧从50%更改为25%

---

修复了#centermenu的上一个错误，谢谢，但仍然不起作用。删除了左侧：50%的声明，没有任何内容。使用#centermenu修复了以前的错误，谢谢，但stil不起作用。删除了左边的：50%的声明，也没有。谢谢，但它不是在中间，但需要谷歌更彻底一点。干杯，但它不是在中午虽然，需要谷歌更彻底一点。干杯