/ Published in: CSS
Full Credit to Kit McAllister. A pretty nice solution.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
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; Â }
URL: http://kitmacallister.com/2011/02/08/fancy-horizontal-rules/