W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<head>
<style>
div.a {
   -webkit-text-decoration-line: overline; /* Safari */
   text-decoration-line: overline; 
}

div.b {
   -webkit-text-decoration-line: underline; /* Safari */
   text-decoration-line: underline; 
}

div.c {
   -webkit-text-decoration-line: line-through; /* Safari */
   text-decoration-line: line-through; 
}

div.d {
   -webkit-text-decoration-line: overline underline; /* Safari */
   text-decoration-line: overline underline; 
}
</style>
</head>
<body>

<h1>The text-decoration-line Property</h1>

<div class="b">This is some text with an underline.</div>
<br>

<div class="c">This is some text with a line-through.</div>
<br>

<div class="d">This is some text with an overline and an underline.</div>

<p><b>Note:</b> The text-decoration-line property is not supported in Edge prior 
79, and only with a -webkit- prefix in Safari.</p>

</body>

</html>