Top 12 : HTML hr with CSS - csshint

Latest Collection of free HTML and CSS <hr> code examples. html hr css

1. Fullwidth hr’s

See the Pen <a href='https://codepen.io/Azragh/pen/mxyyOJ/'>Fullwidth hr’s</a> by Azragh (<a href='https://codepen.io/Azragh'>@Azragh</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Azragh

Made with

Html / CSS(SCSS)

demo and code Get Hosting

2. hr with custom css

See the Pen <a href='https://codepen.io/delonnkoh/pen/KWbqLx/'><hr> with custom css</a> by Delonn (<a href='https://codepen.io/delonnkoh'>@delonnkoh</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Delonn

Made with

Html / CSS

demo and code Get Hosting

3. HR with centered text

See the Pen <a href='https://codepen.io/scottzirkel/pen/yNxNME/'>HR with centered text</a> by Scott Zirkel (<a href='https://codepen.io/scottzirkel'>@scottzirkel</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Scott Zirkel

Made with

Html / CSS(SCSS)

demo and code Get Hosting

4. Some HR Styles

See the Pen <a href='https://codepen.io/markmurray/pen/raVPmp/'>Some HR Styles</a> by Mark Murray (<a href='https://codepen.io/markmurray'>@markmurray</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Mark Murray

Made with

Html / CSS(SCSS)

demo and code Get Hosting

5. `<hr>` rodeo-010

See the Pen <a href='https://codepen.io/Hornebom/pen/DKoAe/'><hr> rodeo-010</a> by Hornebom (<a href='https://codepen.io/Hornebom'>@Hornebom</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Hornebom

Made with

Html / CSS

demo and code Get Hosting

6. The Humble

See the Pen <a href='https://codepen.io/sbeatty/pen/phxon/'>The Humble <hr></a> by Shawn Beatty (<a href='https://codepen.io/sbeatty'>@sbeatty</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Shawn Beatty

Made with

Html / CSS

demo and code Get Hosting

7. HR Department

See the Pen <a href='https://codepen.io/joeyhoer/pen/BmqIx/'>HR Department</a> by Joey Hoer (<a href='https://codepen.io/joeyhoer'>@joeyhoer</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Joey Hoer

Made with

Html / CSS(SCSS)

demo and code Get Hosting

8. 18 Simple Styles for Horizontal Rules

See the Pen <a href='https://codepen.io/ibrahimjabbari/pen/ozinB/'> 18 Simple Styles for Horizontal Rules (hr CSS Design) </a> by Ibrahim Jabbari (<a href='https://codepen.io/ibrahimjabbari'>@ibrahimjabbari</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Ibrahim Jabbari

Made with

Html / CSS(SCSS)

demo and code Get Hosting

9. A bit of elegance

See the Pen <a href='https://codepen.io/hackthevoid/pen/AIoba/'>A bit of elegance</a> by Bilal Ayub (<a href='https://codepen.io/hackthevoid'>@hackthevoid</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Bilal Ayub

Made with

Html(Haml) / CSS(SCSS) / JS(CoffeeScript)

demo and code Get Hosting

10. Subtle hr

See the Pen <a href='https://codepen.io/freethejazz/pen/hvtnz/'>Subtle hr</a> by Jonathan Freeman (<a href='https://codepen.io/freethejazz'>@freethejazz</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Jonathan Freeman

Made with

Html / CSS

demo and code Get Hosting

11. Knight Rider `<hr>`

See the Pen <a href='https://codepen.io/jdelibas/pen/lycwE/'>Knight Rider <hr></a> by James Delibas (<a href='https://codepen.io/jdelibas'>@jdelibas</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

James Delibas

Made with

Html / CSS

demo and code Get Hosting

12. My Summer Vacation

See the Pen <a href='https://codepen.io/amandadorrell/pen/fJgpy/'>My Summer Vacation</a> by Amanda (<a href='https://codepen.io/amandadorrell'>@amandadorrell</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Amanda

Made with

Html / CSS

demo and code Get Hosting

1. Fullwidth hr’s

Author

Made with

2. hr with custom css

Author

Made with

3. HR with centered text

Author

Made with

4. Some HR Styles

Author

Made with

5. <hr> rodeo-010

Author

Made with

6. The Humble

Author

Made with

7. HR Department

Author

Made with

8. 18 Simple Styles for Horizontal Rules

Author

Made with

9. A bit of elegance

Author

Made with

10. Subtle hr

Author

Made with

11. Knight Rider <hr>

Author

Made with

12. My Summer Vacation

Author

Made with

You may also like

5. `<hr>` rodeo-010

11. Knight Rider `<hr>`