Return to Snippet

Revision: 40955
at February 10, 2011 10:27 by revmitcz


Initial Code
hr {
    margin-top: 20px;
    border-top: 2px solid #444;
}

hr:before {
    display: block;
    position: relative;
    text-align: center;
    width: .8em;
    left: 50%;
    margin: -14px 0 0 -20px;
    content: "\272F";
    font-size: 150%;
    padding: 0 5px;
    background: white;
 }

Initial URL
http://kitmacallister.com/2011/02/08/fancy-horizontal-rules/

Initial Description
Full Credit to Kit McAllister. A pretty nice solution.

Initial Title
Fancy Horizontal Lines (Pure CSS)

Initial Tags


Initial Language
CSS