Horizontal rule plus text

with_horizontal_rule {
   width: 100%; 
   text-align: center; /* Remove this to align left */
   border-bottom: 1px solid #000; 
   line-height: 0.1em;
   margin: 10px 0 20px; 
} 

p span { 
    background:#fff; 
    padding:0 10px; 
}

/* HTML */
<p class="with_horizontal_rule"><span>Your text goes here</span></p>

Source: stackoverflow.com

Similar codes

161 votes406 views4 answers
Link external css
CSS
118 votes349 views6 answers
Css @media
CSS
0 vote277 views10 answers
How to create a snake game in html css js
CSS
0 vote343 views1 answer
Helooo
CSS
0 vote314 views2 answers
Icon inside a circle css
CSS
8 votes312 views1 answer
Align in the middle of page html
CSS
1 vote295 views2 answers
How to reverse array of object
CSS
1 vote308 views2 answers
How to lighten the color of text in html
CSS
0 vote300 views1 answer
Colour button link
CSS
0 vote328 views1 answer
Css good font color
CSS