html - 在文字上方加一行

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;
}

Fiddle