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

3 votes269 views6 answers
Input disabled css
CSS
0 vote285 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS
0 vote304 views1 answer
Background Image Accessibility concerns
CSS
0 vote281 views1 answer
How to make text transparent with stroke in css
CSS
3 votes295 views2 answers
How to make image not draggable in html
CSS
0 vote325 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
0 vote255 views2 answers
To convert categorical data to numerical
CSS
1 vote273 views1 answer
On hover chang only border color of a button css
CSS
1 vote252 views1 answer
Tr lowercase uppercase
CSS
47 votes278 views4 answers
Transform
CSS