アンカータグのボーダーボトムパッディング

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