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

0 vote235 views1 answer
Add image under header html
CSS
1 vote273 views1 answer
Hide cursor css
CSS
2 votes230 views3 answers
Css remove
CSS
0 vote237 views2 answers
Css selector label for
CSS
0 vote236 views1 answer
Changer couleur liens cliqués css
CSS
0 vote218 views1 answer
Siteorigin hide row
CSS
197 votes353 views6 answers
Connect html file to css
CSS
70 votes267 views4 answers
Css remove scrollbars
CSS
0 vote237 views1 answer
Materialize css icons
CSS
8 votes227 views6 answers
Overlay css background image
CSS