Write a svg and put it at the bottom of a div, but it is not aligned with the bottom, which is about two px higher.

clipboard.png

Oct.19,2021

because svg is an inline, you won't have this problem if you set css display to block.
as for why inline has this small blank, there should be a lot of explanations on the Internet, and there is a good chance to encounter it.

attach the previous answer
https://codeshelper.com/q/10.
inline element has a dislocation because the browser treats it as a line of words.
it is well known that letters such as a c e are written in the middle of the grid, while letters such as b d p f highlight a paragraph either up or down.
and the small white space left by the inline element is left for these letters.
so the solution is simple, either by eliminating negative margins or by changing the display setting.

Menu