如何在页面中心开始水平列表？

Question

只是一个简短的CSS问题。有谁知道如何在div标签的中心显示水平列表。列表中的元素数量可以在不同页面之间变化，我希望它们能够在页面中间开始。例如，如果只有列表项，那么它将在中心，但如果有两个，那么第一个将略微向左移动而第二个将略微向右移动。我知道必须对ul和li CSS代码进行更改。这就是我到目前为止所拥有的

.ui-yt-tabs {
    position: relative;
    width: 740px;
    height: 600px;
    float: left;
}

.ui-tabs .ui-tabs-nav {
    position: absolute;
    top: 470px;
    height: 117px;
    width: 735px;
    padding: 0px;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
}

Answer 1

您可以这样做：

ul {
text-align:center;
}

ul li {
display: inline-block;
}

请记住从LI项目中删除float: left;