Html align svg to text

/* html-part: Pay attention to the correct name */
<div class="icon baseline">
    <svg width="48" height="48" viewBox="0 0 48 48">
       <path .../>
  	</svg>
</div>

/* css-part */
.svg-icon {
  display: inline-flex;
  align-self: center;
}

.svg-icon svg {
  height:1em;
  width:1em;
}

.svg-icon.svg-baseline svg {
  top: .125em;
  position: relative;
}

Source: blog.prototypr.io

Similar codes

2 votes256 views1 answer
Css percent minus pixel
CSS
1 vote257 views3 answers
Tag php
CSS
0 vote236 views2 answers
Webkit box shadow not working
CSS
0 vote254 views1 answer
Float: down css
CSS
0 vote242 views1 answer
Font awesome saas gem
CSS
0 vote308 views1 answer
Dxxxxxxx
CSS
1 vote227 views2 answers
Css input border radius focus
CSS
0 vote269 views1 answer
Css 4 3 ratio
CSS
2 votes257 views1 answer
Hover effect button css
CSS
46 votes217 views6 answers
Css background color
CSS