Posted By

nshakin on 05/21/13


Tagged

css html design hr


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

Priestd09


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.