请教大神为什么这个button不能被text-align:center作用

[ManbaBryant]

用的是bootstrap

<div class="navbar-header" style="text-align:center;">
     <button type="button" class="btn btn-default btn-lg"  id="toggle-sidebar">
          <span class="glyphicon glyphicon-cog"></span>
     </button>
     <a  href="#"  style="font-size:18px;font-color:rgb(51,122,183)">商品管理</a>
     <button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target="#myNavbar" id="topNavbarRightButton">
					<!-- 按钮有三个横线 -->
					<span class="icon-bar"></span> 
					<span class="icon-bar"></span> 
					<span class="icon-bar"></span>
     </button>
</div>


#toggle-sidebar{
	padding:7px 12px 7px 12px;/* 上右下左  */
	margin-top: 8px;
	margin-bottom: 8px;
	top:0px;
	z-index: inherit;
	display: inline-block;
        margin-right:61.5px
	
}
#topNavbarRightButton{
	float:none;
        margin-left:61.5px
}

[ManbaBryant]

引用 1 楼 jio可 的回复:

没有设置宽度，当前宽度已经是最大宽度。至于没居中是因为用了margin，margin不在宽度范围内的，去看看css基础

那请问该怎么改呢？我的设置按钮是用了一个插件，能弹出侧边菜单。我希望最上面 设置按钮、商品管理、菜单按钮是对称布置的

[jio可]

没有设置宽度，当前宽度已经是最大宽度。至于没居中是因为用了margin，margin不在宽度范围内的，去看看css基础