Html 如何设置中心3<；ul>；页面上的列表？

我有三张单子。我希望以水平方式将它们放在页面中心。我该怎么做？谢谢大家!

使用

内联块

，这非常容易：

#container {
    text-align: center;
}

#container ul {
    display: inline-block;
}

HTML

<div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="#">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    </ul>

        <ul id="navlist">
    <li id="active"><a href="#">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    </ul>

        <ul id="navlist">
    <li id="active"><a href="#">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    </ul>
    </div>

---

您能提供一些代码让我们知道您尝试了什么吗？谢谢您提供的有用链接。我已经把我完成的结果贴在了这页的底部。谢谢！另一个好方法。托尔，你想让垂直列表水平组织吗？还是水平列表？我正在寻找水平排序的列表。我希望它们在页面上居中，但我希望每个列表中的所有文本都位于左侧。现在知道了，谢谢！：）如果你得到了，那么祝你好运，我不确定我是否理解你的意思这就是我想要做的。干得好：

#navcontainer
{
    width: 300px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}