css中的导航栏居中,导航栏不正确居中（HTML/CSS）

我是初学者，试图建立我的第一个网站。 我希望它从一开始就有反应，所以我不想拥有固定的宽度。导航栏不正确居中(HTML/CSS)

好的，现在我创建了一个导航栏 - 由4个导航元素组成 - 我想要居中。 我试图在nav ul选择器中使用text-align: center，但它没有正确居中。 左侧似乎有比右侧更多的空间。

下面是HTML代码：

This is my website

• Text
• Image
• Gallery
• About

这里是CSS代码：

header {

font-family: 'montserrat', 'helvetica', sans-serif;

font-weight: 700;

text-transform: uppercase;

}

header h1 {

border-bottom: 1px solid #000;

color: #fe2859;

font-size: 2.7em;

letter-spacing: 0.0625em;

text-align: center;

}

/* Here comes the important part: */

nav ul {

list-style: none;

/* I want everything inside the nav bar centered, thus: */

text-align: center;

}

nav li {

/* I want the li-elements side by side instead of a vertical list, thus: */

display: inline;

padding: 10px;

}

nav li a {

text-decoration: none;

color: #fe2859;

font-size: 1.3em;

}

你能告诉我错误在哪里吗？

2015-06-16

Dominik