垂直对齐离子图标和文本

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