Unexpected underline for image link when hovering

[ReinforceZwei]

Example html code to reproduce the problem:

<p>
    <a href="https://github.com">
	<img src="https://img.shields.io/badge/GitHub-100000?style=for-the-badge&amp;logo=github&amp;logoColor=white" alt="">
    </a>
</p>

I think the problem is margin-bottom.

The problem could be resolved by removing the margin-bottom style, or reset the margin-bottom style if the <img> tag is used inside a <a> tag.