标题中的离子标题尽管文本对齐：左

Question

我在我的标题中添加了一个带有6个按钮的div，这些按钮在我的右侧显示，现在我的标题不再在左侧。它也没有完全居中。

<ion-side-menu-content>
  <ion-header-bar style=" background-color:rgb(28,74,122)">
    <h1 class="title " style=" text-align:left; color:white;">Medexter Demo KIS</h1> 
    <button menu-toggle="left" class="button button-clear button-light"><i class="icon ion-navicon"></i></button>

    <div class="BTNright">
      <button class="button button-clear button-light " ><p class="smallFont headIconText"><i class="icon ion-printer headIcon"></i>Print</p></button>
      <button class="button button-clear button-light"><p class="smallFont headIconText"><i class="icon ion-ios7-arrow-back headIcon"></i>Back</p></button>
      <button class="button button-clear button-light  "><p class="smallFont headIconText"><i class="icon ion-ios7-arrow-forward headIcon"></i>Redo</p></button>
      <button class="button button-clear button-light "><p class="smallFont headIconText"><i class="icon ion-search  headIcon"></i>Search</p></button>
      <button class="button button-clear button-light"><p class="smallFont headIconText"><i class="icon ion-information headIcon"></i>Help</p></button>
      <button class="button button-clear button-light"><p class="smallFont headIconText"><i class="icon ion-power headIcon"></i>Log Out</p></button>
    </div>
  </ion-header-bar>
  <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
</ion-side-menu-content>

当我遗漏text-align:left时，它又回到了中心。

这就是我的标题目前的样子。

正如您所看到的那样，标题在lerft上也不在中心。