CSS /ブートストラップ/ HTML - 下部にボーダーとパディングを持つDiv ...マージンやパディングでボーダーの延長を防ぐ方法はありますか？

Question

私は下の境界線を持つdivを持っていて、左か右にパディングを試みるかどうかにかかわらず、ボーダーは下のパディングを含むように拡張されます。

境界を境界の最大長に制限するにはどうすればよいですか？パディングまたは余白（左、右）を除いてですか？

CSS

div.row.banner div.links 
    display: inline-block 
    height: 40px 
    margin: 0px 
    border-bottom: 2px solid #5cdde0 

div.row.banner div 
    display: inline-block 
    height: 25px 

HTML

<div class="col-sm-4 nopadding pull-right"> 
    <div class="links pull-right"> 
     <div class="active pull-left"><a href="">Test Link 1</a></div> 
     <div class="active pull-left margin-left"><a href="">Test Link 2</a></div> 
     <div class="active pull-left margin-left"><a href="">Text Link 3</a></div> 
    </div> 
</div> 

Answer 1

まあ、国境問題は、私は、アンカータグのdiv要素のそれぞれの外側のdiv要素にボーダーを適用によるものでした。

私は、これにより境界が唯一の内側のdiv要素ではないコンテナに適用されます作っ次

div.row.banner div.links 
    display: inline-block 
    height: 40px 
    margin: 0px 

div.links div.active 
    border-bottom: 2px solid #5cdde0 

に

div.row.banner div.links 
    display: inline-block 
    height: 40px 
    margin: 0px 
    border-bottom: 2px solid #5cdde0 

下の元を改訂。