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

0 vote139 views1 answer
Calc(100vh - px)
CSS
1 vote152 views1 answer
No li style
CSS
0 vote192 views1 answer
Youtube css
CSS
1 vote148 views1 answer
Hide number trigger in html page
CSS
3 votes151 views1 answer
Learn css animation
CSS
0 vote131 views1 answer
Place-content css property
CSS
0 vote203 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
2 votes139 views1 answer
How to use bulma in gatsby
CSS
0 vote151 views2 answers
Fix materialize form label not working
CSS
23 votes136 views3 answers
Text-overflow ellipsis multiple lines
CSS