縦に整列するアイコンとテキスト

Question

日付のピッカーを中央に置き、前または次の日付のために左右に切り替えることを希望します。私は現在、ビューの書式設定に問題があります。私は、イオニックアイコン（左&）とテキスト{{displayDate}}を垂直に整列させます。私は次のことを試みたが、結果がなければ私は欲しい。

HTML

<ion-footer> 
     <div style="position: fixed; bottom: 0px; width: 100%"> 
     <ion-list> 
      <ion-item text-center style="align-content: center!important"> 
       <ion-icon name="md-arrow-dropleft" style="font-size: 30px; margin-right: 10px"></ion-icon> 
      <b> {{displayDate}} </b> 
      <ion-icon name="md-arrow-dropright" style="font-size: 30px; margin-left: 10px"></ion-icon> 
      </ion-item> 
     </ion-list> 
     </div> 
      <ion-toolbar> 
      </ion-toolbar> 
     </ion-footer> 

CSS、それが現在どのように見えるか

b { 
    color: #387ef5; 
    font-family: 'Helvetica Neue', sans-serif; 
    } 

：

Answer 1

b { 
    color: #387ef5; 
    font-family: 'Helvetica Neue', sans-serif; 
    line-height: 30px; 
} 

Answer 2

これを試してみてください！これはあなたのために働くことを望みます！

b { 
    color: #387ef5; 
    font-family: 'Helvetica Neue', sans-serif; 
    vertical-align: middle; 
}