Line-On-Sides Headers

/* 1. HTML markup <p class="subtitle fancy"><span>A fancy subtitle</span></p> */ /* 2. CSS */ .fancy { line-height: 0.5; text-align: center; } .fancy span { display: inline-block; position: relative; } .fancy span:before, .fancy span:after { content: ""; position: absolute; height: 5px; border-bottom: 1px solid white; border-top: 1px solid white; top: 0; width: 600px; } .fancy span:before { right: 100%; margin-right: 15px; } .fancy span:after { left: 100%; margin-left: 15px; }
Added aside lines to text

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.