网站菜单居中，但其余菜单项

我最近在网站上添加了两个新菜单项, 因此导航栏看起来像这样。

                   |Item|Item|Item|Item|Item|Item|
                                 Item

截至目前, 我还无法修复它。减小字体大小没有帮助, 并且框对齐也都没有更改它。这是菜单那部分的代码

.primary-menu .pmenu {
margin: auto;
display: inline-block;
float: left;
width: 100%;
text-align: center;
background: #fff;

然后是标题本身的主体

body {
font-weight: 400;
font-size: 16px;
line-height: 1.625;
margin: 0;
background-color: #eee;

}

#1

在访问了你网站的链接后, 你在另一个答案的注释中提供了该信息：该容器中没有足够的水平空间来容纳一行中的所有元素！

因此, 你可以考虑以下选项之一(或组合使用)：

• 增大.content-wrap的宽度(应该可以使用1320px, 但应使所有内容元素更宽)。
• 减少菜单链接的左右填充(选择器.main-navigation ul li a)
• 减少菜单链接的字体大小(再次, 选择器.main-navigation ul li a)