在文本上方添加一行

Question

我试图在一些文字上划一条线.

这就是我要的

这就是我到目前为止所得到的

这就是我在申请中所拥有的

<div class="zoekResultatLine">
    <h2 class="zoekResultat">ZOEKRESULTAAT</h2> 
</div>


.zoekResultatLine
{     
     text-decoration:overline;
     color : rgb(217, 217, 217);
}

.zoekResultat
{
    color : rgb(0, 158, 224);
}

Answer 1

给它一个border-top并玩padding-top它来使它正确:

.zoekResultatLine {
    border-top:1px solid rgb(217, 217, 217);
}
.zoekResultat {
    color : rgb(0, 158, 224);
    margin-top: 0px;
}

小提琴