在Jquery mobile中，使所有标题元素与对齐保持一致

我想让jquery移动标题中的所有元素保持在同一行，打印和保存按钮应该对齐到右侧，标题应该居中，其他元素应该左对齐，我用css尝试了不同的方式，但仍然没有成功

Html

在…上
关
信息

试试这个JSFIDLE

我用过

data-role="controlgroup" 

到单个按钮组

     <div data-role="page" id="runTicketDetailsPage" data-theme="a">
        <div data-role="header" data-theme="a" data-position="fixed">
         <div data-role="controlgroup" data-type="horizontal" class="ui-btn-left" data-mini="true">
           <a href="" data-inline="true" data-role="button" data-icon="home">Home</a>
           <a href="" data-inline="true" data-role="button" data-icon="back" id="rtDetailsBtn" >Back</a>
        </div>
       <div class="center-wrapper">
         <span id="rtOffline" data-inline="true" style="color: #F00E1A;">ON</span>
          <span id="rtOnline"  data-inline="true" style="color:#0C8227; ">OFF</span>
          <h3  id="title1">Info</h3>
       </div>

      <div data-role="controlgroup" data-type="horizontal" class="ui-btn-right" data-mini="true">
       <a href="#" data-bind='click: save' id="btnSave" data-inline="true" data-role="button" 
     data-icon="plus">Save</a>
       <a href="" data-inline="true" data-role="button" id="rtDetailsBtn" >Print</a>
   </div>
  </div>

在…上
关
信息

     <div data-role="page" id="runTicketDetailsPage" data-theme="a">
        <div data-role="header" data-theme="a" data-position="fixed">
         <div data-role="controlgroup" data-type="horizontal" class="ui-btn-left" data-mini="true">
           <a href="" data-inline="true" data-role="button" data-icon="home">Home</a>
           <a href="" data-inline="true" data-role="button" data-icon="back" id="rtDetailsBtn" >Back</a>
        </div>
       <div class="center-wrapper">
         <span id="rtOffline" data-inline="true" style="color: #F00E1A;">ON</span>
          <span id="rtOnline"  data-inline="true" style="color:#0C8227; ">OFF</span>
          <h3  id="title1">Info</h3>
       </div>

      <div data-role="controlgroup" data-type="horizontal" class="ui-btn-right" data-mini="true">
       <a href="#" data-bind='click: save' id="btnSave" data-inline="true" data-role="button" 
     data-icon="plus">Save</a>
       <a href="" data-inline="true" data-role="button" id="rtDetailsBtn" >Print</a>
   </div>
  </div>