Fun Things to Do with CSS

Horizontal Lines


Horizontal lines can be very unobtrusive and even boring.
ß
But you can style them quite easily.
This line is very simple, I've colored it and added a margin to set it away from the text above and below
and make it a little less wide than the page.

hr {
margin: 1.3em 150px;
color: green;
background-color: green;
border: 1px solid green;
}

This one works in ALL browsers and is the style that I start with on all my pages.
ß
Here's one I use for Christmas decorations.
 
ß
And another very simple divider that makes a statement.

Google Fonts