html - 在文字上方放置一行

我想在一些文字上加一行。
这就是我想要的
这就是我目前所得到的
这是我申请的

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


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

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

最佳答案

给它一个border-top并播放padding-top以使其正确：

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

Fiddle