Vertical Align Text After Font Icon

Answer 1

One of the ways would be to use inline-block display and middle align it - see demo below:

.wrapper > * {
  display: inline-block;
  vertical-align: middle;
}
.blue {
  color: blue;
}
.white {
  color: white;
}

    
        
        
    
    
Free wifi