एक एंकर टैग पर सीमा तल पैडिंग

Question

मेरे पास एक शीर्षलेख के अंदर एक एंकर टैग है और मैं एंकर टैग पर सीमा-तल लगाने की कोशिश कर रहा हूं, जो काम करता है, हालांकि नीचे पैडिंग बहुत बड़ी है और एक नकारात्मक पैडिंग नहीं है काम, मैं इस के आसपास कैसे हो सकता है?

लाइव site

एचटीएमएल

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

सीएसएस

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