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

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).