앵커 태그의 테두리 아래쪽 패딩

Question

헤더 안쪽에 앵커 태그가 있는데 앵커 태그에 아래쪽 테두리를 넣으려고합니다. 그러나 아래쪽 패딩이 너무 크고 음수 패딩이 없습니다. 어떻게이 일을 처리 할 수 ​​있습니까?

라이브 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; 
} 

Answer 2

나는 좋을 것 :

,

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