我的导航栏不会完全居中 - 只有一点点？

Question

我的导航栏出了问题。我使用CSS将其集中在一起，但并不完全，它有点偏向右边。

正如你所看到的那样，它并没有完全居中于中间。

我的CSS：

.nav {
    border: none;
    list-style: none;
    overflow: hidden;
    text-decoration: none;
    padding: 0;
    text-align: center;
}
.nav li {
    display:inline;
}
.nav a {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px:
    color: black;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 13px;    
}

我认为这是因为我有更长的PORTFOLIO这个词，但是如何将INDEX和ABOUT稍微向左移动呢？

Answer 1

<ul>元素本身具有偏移边距。您可以使用以下命令重置它：

.nav ul {
    padding: 0;
    margin: 0;
}