使导航栏居中

Question

嘿伙计们，我有一个带有无序列表并使用精灵的标准导航栏。我还使用jquery来渲染一些动画。一切正常。我有一个中心酒吧的问题。它与左边对齐。我尝试过使用text-align：center但这不起作用。我认为存在相互矛盾的属性。你能帮助我中心吗？我不是那么大的UI开发人员！

.navbar {
 list-style-type: none;
 list-style-position:outside;
 position: relative;
 margin: 0;
 padding: 0; }

.navbar li{
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
float: left;
width: 125px;
height: 40px;
margin-right: 0px;
background-image:url(sprite.jpg);
background-repeat:no-repeat;

}
.navbar a{
display:block;
height:40px;
text-indent:-9999px;
outline:none;

}

Answer 1

你试过这个吗？

margin-left: auto;
margin-right: auto;

还是这样的？

margin-left: 0px;
margin-right: 0px;