如何在html中的文本顶部添加一行？

Question

所以我想尝试在html和css中这样做,但我似乎找不到任何东西.我唯一可以想到的方法是将文本作为图像导入但看起来很糟糕.PS浅蓝色线用于居中,因为我首先在Photoshop中设计网站

<p class="test">
Conact Me
</p>

.test {
border-top-style: solid;
border-bottom-style: solid;
border-bottom-width: 1px;
}

Answer 1

一个简单的解决方案是使用text-decoration: underline overline;.

p {
  text-decoration: overline underline;
}

<p>
CONTACT ME
</p>