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

2 votes264 views1 answer
H2 in px css
CSS
2 votes295 views1 answer
Ionic install font
CSS
6 votes279 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
0 vote300 views1 answer
Grippy css
CSS
6 votes288 views1 answer
Hidden vs visible
CSS
0 vote318 views1 answer
Css set width of a span
CSS
0 vote301 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote315 views1 answer
Multiple css media queries
CSS
19 votes300 views2 answers
Border color css
CSS
-1 vote270 views2 answers
Cliping setting
CSS