border-bottom与文字间的间距如何取消？

Question

代码如下:

<div class="box">
     <h2><p><span>个人博客</span>模板</p></h2>

.box h2{color:#fff;
         border-bottom:#fff  1px solid;
        }

h2下面的横线和h2之间的距离怎么取消，试了padding-bottom没有用，如图，蓝色背景下面边缘为border-bottom所处位置

Answer 1

line-height: 0;