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

61 votes232 views3 answers
Css radius background color
CSS
0 vote210 views1 answer
To set HTML attribute and css styles in html helper control in mvc
CSS
62 votes244 views3 answers
Border radius shorthand
CSS
0 vote255 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
1 vote205 views1 answer
Ion input padding left
CSS
1 vote196 views1 answer
Why are suacer pans made of bakelite
CSS
2 votes237 views1 answer
Css percent minus pixel
CSS
75 votes215 views6 answers
Flexbox
CSS
10 votes227 views6 answers
Css bottom shadow
CSS
2 votes254 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap