Simple Styles for Horizontal Rules

That is, the <hr> element. With the help of a few contributors, I put together this page of very simple styles for them. You could get a lot fancier with an element like a <div> that can hold content, but I like the semantics of a horizontal rule. It's an emphatic break between two sections of content.

Note that in some of these examples, generated content is used (:before/:after). This isn't supposed to work, as far…

Simple Styles for Horizontal Rules is a post from CSS-Tricks