html - How can I do this for my website? -


i have little design question. make website has header line 2 both sides of it.

------------- similar ----------------- 

i don't know how should go this, , couldn't find sites implementing able peek html/css.. how should this??? thank you

markup:

<div class="section-heading">   <h1>your heading</h1> </div> 

css:

.section-heading {   text-align: center;   margin-bottom: 15px;   border-bottom: solid 1px #dcdcdc;   position: relative;   top: -2.2em; } .section-heading h1{   display: inline;   padding: 0 15px;   bottom: -15px;   position: relative;   background: #fff; } 

http://jsfiddle.net/9ss5h/


Comments

Popular posts from this blog

html5 - What is breaking my page when printing? -

html - Unable to style the color of bullets in a list -

c# - must be a non-abstract type with a public parameterless constructor in redis -