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 vote101 views1 answer
Css grid column height fit content
CSS
0 vote102 views1 answer
Resetting Default Table Styles
CSS
0 vote161 views1 answer
Template html css bootstrap cdn
CSS Bootstrap
29 votes99 views9 answers
Traduttore
CSS
0 vote97 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
0 vote114 views1 answer
Css vertical align with flexbox
CSS
8 votes112 views6 answers
Background image overlay
CSS
0 vote106 views1 answer
How to get 2 words one left aligh and right align in css
CSS
1 vote119 views1 answer
Online minifier api
CSS
0 vote99 views3 answers
Howto stop the screen from zooming in when I click on input tag on mible
CSS