html - 获取导航栏的元素居中

Question

我有一个如下所示的导航栏。如何使元素居中 Help Video。

  .header_title{
      font-size: 20px;
      color: white;
  }

  .center {
      text-align:center;
  }
  
  .center {
      float:none;
      display:inline-block;
      *display:inline; /* ie7 fix */
      *zoom:1; /* hasLayout ie7 trigger */
      vertical-align: top;
    }

<div class="navbar navbar-default navbar-fixed-top navbar_form" role="navigation">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
        </button>
        <a class="navbar-brand" href="/"><font class="header_title" >Some text</font></a>
      </div>
    
     
      <!-- Fixed navbar I want to center this.--> 
        <div class="navbar-collapse collapse center">
          <a class="navbar-brand" href="#"><font class="header_title" >HELP VIDEO</font></a>  
        </div>
    </div><!--/.nav-collapse -->



  

但它并没有来到中心。我哪里做错了？

Answer 1

从您的样式表中删除以下样式。

.center {
float:none;
display:inline-block;
*display:inline; /* ie7 fix */
*zoom:1; /* hasLayout ie7 trigger */
vertical-align: top;
}