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 vote116 views1 answer
Inline-block column appear higher than others
CSS
2 votes171 views2 answers
Bootstrap change color table striped
CSS Bootstrap
0 vote119 views2 answers
Scrollbar not working
CSS
1 vote192 views1 answer
Css don't break elements
CSS
7 votes106 views3 answers
Border width css
CSS
0 vote114 views1 answer
Quitar flecha summary html css
CSS
0 vote112 views1 answer
Which CSS property is used to add shadow to an element?
CSS
0 vote186 views1 answer
Width cross browser
CSS
19 votes133 views4 answers
Scss react
CSS
1 vote127 views1 answer
Display none but keep space
CSS