在Div中居中文本（Wordpress菜单）

Question

我在Wordpress主题中以菜单项为中心时遇到了一些麻烦。您可以在此处查看该网站：http://tinyurl.com/k2aq3sh

我试过保证金：自动但没有骰子。这是当前的CSS：

#primary-menu-container {
 margin-bottom:-27px;
  margin-top:-10px;
  text-align: left;
  float: left;
  max-width:1020px;

}

任何帮助将不胜感激！

Answer 1

如果您的意思是将整个菜单置于导航栏中心，请按以下步骤操作：

#primary-menu {
list-style: none;
display: flex;
justify-content: center;
}

Answer 2

这样做的一种方法是删除＃primary-menu-container div和列表项的浮动。而是将display：inline-block添加到列表项中，然后从那里添加text-align：center到ul元素

#primary-menu-container {
    ...
    float:none
}

#primary-menu{
    ...
    text-align:center;
}

#primary-menu li, .default-menu li {
    ...
    float:none;
    display:inline-block;
}