如果消除div内文字到边框的默认像素

Question

html代码

 <div class="text">我要记歌词</div>

css代码

.text{
        border:1px solid #2C97F6;
}

chrome下展示

ie下展示

可以看到chrome下文字离上边框有点距离，ie下离下边框又有点距离，这在设置padding的时候是有影响的，请教下如何让文字上下都贴合边框没有距离

Answer 1

.text{

line-height: 1;
border:1px solid #2C97F6;

}