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 votes169 views1 answer
Top left right bottom css shorthand
CSS
0 vote292 views1 answer
Remove materialize style input
CSS Materialize
0 vote155 views2 answers
Linear gradient and url css
CSS
0 vote108 views1 answer
Css click through element
CSS
7 votes161 views1 answer
Git clone command in terminal
CSS
0 vote168 views2 answers
Désactiver le hotlinking de vos images
CSS
29 votes151 views6 answers
Background size in css
CSS
1 vote161 views1 answer
Bootstrap word-wrap: break-word;
CSS
28 votes162 views5 answers
Default cursor css
CSS
0 vote163 views1 answer
Responsive arrow breadcrumbs css site:stackoverflow.com
CSS