css - anchor 标签上的边框底部填充

Question

我在 header 内有一个 anchor 标记，我试图在 anchor 标记上放置一个 border-bottom，这有效，但是底部的填充太大，负填充不起作用，我该如何解决这个？

直播site

html

<div id="featureText">
        <h1>Recent Works / <a href="#">All</a></h1>
    </div>

CSS

#featureText a {
    color: #414042;
    text-decoration: none;
    border-bottom: solid 2px #414042;
    padding-bottom: -2px; }

Answer 1

#featureText a {
    line-height: 1em;
    display: inline-block;
    color: #414042;
    text-decoration: none;
    border-bottom: solid 2px #414042;
    padding: 0;
}