对齐主导航产品类别

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;
}

Answer 2

答案可能因其他人而异：

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

我正在错误地查看菜单项目方向（右，左）。