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

0 vote356 views1 answer
Sass dummy folder site download
CSS
0 vote336 views1 answer
Css loader with gradient
CSS
1 vote342 views2 answers
Show hidden message html
CSS
1 vote367 views1 answer
Rainbow linear gradient css
CSS
8 votes355 views6 answers
Overlay css background image
CSS
0 vote341 views1 answer
Css if select has value
CSS
0 vote357 views2 answers
Background image syntax in css if it in folder
CSS
0 vote370 views1 answer
Javafx set border outside
CSS
53 votes341 views6 answers
How to underline text in css
CSS
1 vote367 views1 answer
How to add 2 text shadows
CSS