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

6 votes184 views3 answers
Linear-gradient(top to bottom)
CSS
55 votes185 views5 answers
Bootstrap 3 button
CSS
2 votes208 views2 answers
Css img scale-down
CSS
1 vote175 views1 answer
Input date icon width
CSS
2 votes140 views1 answer
Xpath vs css selector
CSS
6 votes199 views4 answers
Webkit-line-clamp browser support
CSS
174 votes238 views6 answers
Css background image
CSS
0 vote197 views2 answers
Background shrinks when responsive
CSS
0 vote193 views1 answer
Css set width of a span
CSS
3 votes180 views1 answer
Trash icon favicon
CSS