html - 对齐主导航产品类别

Question

我在 wordpress 中使用店面主题，但对于我来说，我无法将菜单项文本对齐到中心。

这是我目前使用的代码:

.main-navigation ul {
   line-height: 7;
}

.main-navigation ul li {
  border-right: 1px solid #ff63b1;
  padding-right: 30px;
}

.main-navigation ul.nav-menu li a {
   padding: 1em 1em;
 }

我使用了一行:text-align: center;所有这些但没有区别。

值得注意的是，我在这里使用产品类别而不是普通菜单项，因为我发现它更有用。网址:http://cutepinkboutique.com如果你想检查主导航的代码

这是到目前为止的样子:Screenshot here

我正在用头撞墙，想不通。任何帮助都会很棒。

Answer 1

添加这个 CSS

#menu-charlies-top-menu {
    text-align: center;
}