锚标记上的边框底部填充答案

【问题标题】：border bottom padding on a anchor tag锚标记上的边框底部填充
【发布时间】：2012-11-12 20:49:08
【问题描述】：

我在标题内有一个锚标记，我试图在锚标记上放置一个边框底部，这可以工作，但是底部的填充太大并且负填充不起作用，我该如何解决这个？

直播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; }

【问题讨论】：

标签： css header border padding

【解决方案1】：

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

【讨论】：

【解决方案2】：

我建议：

#featureText h1 a {
    /* all your other CSS... */
    display: inline-block;
    line-height: 1em;
}

【讨论】：