How to add both an underline and an overline to your text (and in different colors) with HTML and CSS

Tremaine Eto
2 min readJul 2, 2020

If you’re here, you probably have the niche need to add not only an underline to your text with HTML and CSS, but also an overline (which, like the name implies, is basically the underline but over the text).

CSS

--

--

Tremaine Eto

Senior Software Engineer @ Iterable | Previously worked at DIRECTV, AT&T, and Tinder | UCLA Computer Science alumni | Follow me for software engineering tips!