Advanced Search

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