Remove padding below font awesome (CSS icon)

问题

I am trying to remove the padding below font awesome stack icons, have tried everything in my knowledge, and the solutions provided on stack overflow and other websites (from setting the font-size of the parent element to 0px and by inserting borders to rather than ) but all to no avail.

There is something that i am clearly missing out.

Thank you in advance for solving the question, cheers.

JSFiddle: https://jsfiddle.net/sazeemj/dhvtrh2f/1/

//please ignore

回答1:

You can fix this by adding changing the height for .fa-stack class

.fa-stack { height:1.2em !important; }

回答2:

If this is what you mean, just remove top: -40px from span tags.

来源：https://stackoverflow.com/questions/42886432/remove-padding-below-font-awesome-css-icon