Skip to content

Unexpected underline for image link when hovering #107

Open
@ReinforceZwei

Description

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>

img-hovering

I think the problem is margin-bottom.
image

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.

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions