Subtle Recessed Divider Line

/ Published in: CSS
Save to your folder(s)

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

Copy this code and paste it in your HTML
  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


RSS Icon Subscribe to comments

You need to login to post a comment.