biên giới đệm đáy trên một thẻ neo

Question

Tôi có một thẻ neo bên trong một header và tôi đang cố gắng để đặt một border-bottom trên thẻ neo, mà làm việc, tuy nhiên đệm ở phía dưới là quá lớn và một đệm tiêu cực sẽ không công việc, làm thế nào để tôi có được điều này?

sống 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

tôi muốn đề nghị:

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