Check out example codes for "align ionic icons and text css". It will help you in understanding the concepts better.

Code Example 1

.icon {
 display: inline-block;
 font-size: 35px;
 color: #ffC977;
 vertical-align: middle;
}

.text{
  display: inline-block;
  vertical-align: middle;
}

Code Example 2

<ion-item>
  <ion-icon class="icon ion-ios-clock-outline"></ion-icon> 
  <span class="text">Recent</span>
</ion-item>

Learn ReactJs, React Native from akashmittal.com