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

9 votes298 views4 answers
Animation shorthand css
CSS
0 vote433 views1 answer
Mvc how to css file linked
CSS
40 votes305 views3 answers
Select first 5 child css
CSS
0 vote315 views1 answer
How to add css to alt attribute text
CSS
0 vote356 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
11 votes293 views3 answers
Css selector color
CSS
0 vote300 views2 answers
* css meaning
CSS
0 vote292 views1 answer
The edit queue is full at the moment - try again in a few minutes!
CSS
42 votes352 views6 answers
Disable textarea resize
CSS
0 vote349 views1 answer
Set default rem css
CSS