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

5 votes207 views1 answer
How to center with translate
CSS
66 votes197 views6 answers
Remove bullets from list css
CSS
8 votes224 views6 answers
Background image overlay
CSS
5 votes190 views1 answer
Css animate flashing
CSS
19 votes241 views3 answers
Css stop scrollbar
CSS
43 votes207 views5 answers
Css text overflow
CSS
3 votes213 views3 answers
Css border-left
CSS
0 vote246 views1 answer
Insert background colour to css file
CSS
1 vote186 views7 answers
Java to python
CSS
8 votes204 views1 answer
Remove styles button
CSS