Styling horizontal lines with css

There is hardly any website that I do that doesn’t use horizontal lines (called hr for horizontal rules).
They are great way to add structure to a page and separate content.
Now Chris Coyier of shows how to add some style with hr they are also a way to add some style –

Awesome, huh? Click through to css code.

Update: I was so tickled when after putting this post together, I got invite (through Meetup) to attend Chris’s talk at Automatic “A Modern Web Designer’s Workflow” – so looking forward!

How long does it take for a new or changed Web page to appear? Why don’t I see the new page right away?

When you upload a new Web page, the change takes effect immediately. If you don’t see the change in your Web browser, it’s because your browser has cached the previous version of the page — that is, it’s showing you an old page without contacting your web server in an effort to speed up your web browsing experience. This is the normal way browsers work, but it causes problems if you’re trying to view a page you have just changed.

Other people visiting your site almost certainly aren’t having the same problem, and it will eventually solve itself on your computer, too. However, you can also clear your browser’s “cache”, which will force it to contact the server to get the latest version of the page.


I recommend to press CTRL button and R together to refresh the cache.

If it doesn’t work try these ways to do it for all major Web browsers.