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

9 votes266 views2 answers
Align items in row css
CSS
29 votes293 views6 answers
Css animation
CSS
0 vote242 views1 answer
Table td remove padding
CSS
0 vote280 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote265 views1 answer
Flutter replacement for flatbutton
CSS
1 vote264 views1 answer
Repeat autofill css grid minmax
CSS
3 votes257 views1 answer
Trash icon in fontawesome
CSS
0 vote281 views1 answer
Css letter spacing tight
CSS
0 vote260 views3 answers
Css keep focus color on div after click
CSS
0 vote246 views1 answer
Css using border top border bottom to create a hamburger icon
CSS