Posted By

nshakin on 05/21/13


css html design hr

Versions (?)

Who likes this?

2 people have marked this snippet as a favorite


Subtle Recessed Divider Line

 / Published in: CSS

Create a subtle "recessed" looking divider line. The example restyles the tag but it can applied to anything.

  1. hr {
  2. margin: 17px 0 18px;
  3. height: 0;
  4. clear: both;
  5. border: solid #ddd;
  6. border-width: 1px 0 0;
  7. border-top: 1px solid #ddd;
  8. border-bottom: 1px solid #fff;
  9. }

Report this snippet  

You need to login to post a comment.