Let’s over-engineer the HTML horizontal rule … the smart way

Mate Marschalko
5 min readNov 12, 2021

The <hr> element is a self-closing tag that is meant to represent a thematic break in the content. Remember: the horizontal rule is not a border or a line and it’s not meant to serve a styling purpose, instead, it marks the end of a section in your document.

It would be perfectly reasonable to add a <hr> element to your…

--

--

Mate Marschalko

Senior Creative Developer, Generative AI, Electronics with over 15 years experience | JavaScript, HTML, CSS