html – Why my SVG icon is not displayed in vertical center after using rule “vertical-align: middle”?


I use the following rule to align a SVG icon in the vertical center:

.ssbp-list li a svg {
    line-height: 36px!important;
    vertical-align: middle;
    font-size: 24px;
}

However, the actual Icon is still in the top, not in the center, why?

I create a JSFiddle at https://jsfiddle.net/alanccw/2dcpfwv7/14/



Source link

Latest articles

Related articles

Leave a reply

Please enter your comment!
Please enter your name here