离子项目中的垂直对齐离子图标

Question

你好，我想使离子项目中的离子图标和离子标签垂直对齐。如您在照片中看到的，图标位于中间上方。

<ion-item color="secondary">
  <ion-label floating style="margin-left: 15px;vertical-align: middle!important;">
    <ion-icon name='person' item-start></ion-icon>
    UserName
  </ion-label>
  <ion-input type="text" color="primary"></ion-input>
</ion-item>
<ion-item color="secondary" class="ion-text-center">
  <ion-label floating style="margin-left:15px;">
    <ion-icon name='lock' item-right></ion-icon>
    Password
  </ion-label>
  <ion-input type="password"></ion-input>
</ion-item>