我能'；t使我的菜单栏居中（CSS）

菜单栏本身居中，但栏内的按钮不居中。有没有办法解决这个问题

我真的不知道我在做什么，所以非常感谢你的帮助

.main-navigation {
   clear:both;
   display:block;
   float:left;
   width:100%;
 }

nav.main-nav .container {
   padding:0;
   text-align:right;
 }

.container {
   margin-left:auto;
   margin-right:auto;
   padding-left:15px;
   padding-right:15px;
 }

ul#primary-menu li a {
   color:#404040;
   font-size:14px;
   font-weight:100;
   letter-spacing:2px;
   margin-right:35px;
   text-decoration:none;
   text-transform:uppercase;
 }

ul#primary-menu > li > a {
   line-height:40px;
 }

.main-navigation a {
   display:block;
   text-decoration:none;
 }

尝试在“.main导航”中使用它，你的菜单栏应该居中，因为它的宽度：100%，只要它是你的父元素，它就应该工作

text-align: center;

另外，试着把这个放在你的ul里

display: block;
<!-- if its horizontal -->
display: inline-block;

尝试在“.main导航”中使用此选项，您的菜单栏应该居中，因为它的宽度：100%，只要它是您的父元素，就可以工作

text-align: center;

另外，试着把这个放在你的ul里

display: block;
<!-- if its horizontal -->
display: inline-block;

你也可以发布你的HTML吗？不确定要复制的是哪部分，但网站是VirtusTools.com你也可以发布你的HTML吗？不确定要复制的是哪部分，但网站是VirtusTools.com。com@Marie603添加了一个example@Marie603添加了一个示例片段