html - 无法将“li”项放到div的中心

我无法将此列表正确放置在包含div的中心。它在左侧留有边距，我尝试了一些操作，但似乎无法更改。我对CSS只是陌生的，因此仍处于学习过程中。提前感谢您的帮助

这是一个更好的示例的jsfiddle：http://jsfiddle.net/aSmfy/

html

<div id="navContainer">
                        <ul>

                              <li><a href="add_contact.php">Add Contact</a></li>
                              <li><a href="list-contacts.php">List Contact</a></li>

                        </ul>
                </div>

的CSS

#navContainer {
    width: 192px;}

#navContainer ul{
    width: 192px;
    }

#navContainer li{
    list-style-type:none;
    border-top:thin solid white;
    border-bottom:thin solid white;}

最佳答案

在您的ul元素上添加填充0：

#navContainer ul{
    width: 190px;
    padding: 0;
}

http://jsfiddle.net/aSmfy/1/

关于html - 无法将“li”项放到div的中心，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17132551/