Vertikal ausrichten Ionic Symbole und Text

Question

ich freigeben mag, eine Art von Datumsauswahl mit dem Datum in der Mitte und den Schalter nach links/rechts für vorherigen oder nächsten Tag. Ich habe derzeit Probleme mit der Formatierung der Ansicht. Ich möchte vertikale align die Ionic Icons (links & rechts) und der Text {{displayDate}}. Ich habe versucht, aber ohne das Ergebnis, das ich will.

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; 
    } 

Wie sieht es zur Zeit:

Answer 1

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

Answer 2

Versuchen Sie es mit diesem! Hoffe, das funktioniert für dich!

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