.icon {
display: inline-block;
font-size: 35px;
color: #ffC977;
vertical-align: middle;
}
.text{
display: inline-block;
vertical-align: middle;
}
<ion-item>
<ion-icon class="icon ion-ios-clock-outline"></ion-icon>
<span class="text">Recent</span>
</ion-item>
Code Example |
---|
Css :: cdd first child |
Css :: remove outline btn |
Css :: alacritty background opacity |
Css :: table td remove padding |
Css :: trasition opacity |
Css :: css p tag text wrap |
Css :: remove underline from <a HTML |
Css :: multiple css media queries |
Css :: css detect mobile |
Css :: css display div horizontally |
Css :: css fade in and stay |
Css :: duplicate box-shadow on element inner and outer |
Css :: rgba white color |
Css :: how to show ... after some long chars js html h1 |
Css :: css heart |
Css :: text glow |
Css :: restful url to update status |
Css :: josh comeau css reset |
Css :: jquery remove css class |
Css :: how to remove underline from list item in html |
Css :: css hiddden |
Css :: Modify blink class in CSS |
Css :: css svg width 100% |
Css :: hide input border on focus |
Css :: rgb gold color |
Css :: how to evenly space icons in a div css |
Css :: cursive css |
Css :: scss for loop nth child |
Css :: scroll start from bottom css |
Css :: add border to input css |