Top 16 HTML <hr> with CSS

ANIMATED <HR>

Animated hr (element BAM + modifiers).

FULLWIDTH <HR>

Overflow the parents container and stretch it to 100vw.

HR WITH CSS

HR with CSS generated content.

HTML <HR> TAGS

HTML <hr> with custom CSS.

HR WITH CENTERED TEXT

Little dynamic HR tag that still pulls the content from the HTML, but gives it a bit more style. It also fails gracefully to a standard HR tag.

SOME HR STYLES

Messing around with some horizontal rule styles.

THE HUMBLE HR

HUMBLE <HR>

A very simple and subtle approach to <hr>s with an .activated state. Added label siblings to show additional information.

HTML <HR>

Nice combination of <hr> style and content.

HR EXAMPLE

KNIGHT RIDER HR

Single element hr with kitt and karr light bar effect.

THE HUMBLE HR

Uses CSS counters. Base-64, CSS3 animations. Pretty cheesy at the moment but this is more to demonstrate what you can do without compromising semantics and using only a single element to do quite a lot.

SUBTLE HR

A BIT OF ELEGANCE

The <hr> element is used to add some finesse to a responsive and beautifully typeset article.

SIMPLE STYLES FOR HORIZONTAL RULES

18 Simple Styles for horizontal rules (<hr> CSS design).

HR DEPARTMENT

List of stylized horizontal rules.