Align ionic icons and text css

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

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

Source: stackoverflow.com

Align ionic icons and text css

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

Source: stackoverflow.com

Similar codes

1 vote319 views1 answer
No li style
CSS
0 vote350 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap
0 vote242 views1 answer
Plus minus button css
CSS
0 vote297 views1 answer
React css change number animation
CSS
8 votes290 views1 answer
When hover target diffrent element
CSS
4 votes330 views3 answers
Css print
CSS
-1 vote290 views2 answers
How to zoom image on hover in css
CSS
50 votes289 views4 answers
Css background image fit
CSS
0 vote298 views2 answers
Sass if
CSS
0 vote285 views1 answer
Remove Title spacing
CSS