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

22 votes246 views6 answers
Box shadow css
CSS
0 vote208 views1 answer
Carbon yesterday date
CSS
28 votes214 views3 answers
Google font roboto
CSS
0 vote209 views1 answer
Css body overflow hidden sidebar scrollbar
CSS
3 votes225 views1 answer
Fontawesome trash icon
CSS
2 votes217 views1 answer
How to add space between menu items in css
CSS
0 vote201 views1 answer
Hex color code for tan
CSS
9 votes212 views1 answer
Howt to original image on background css
CSS
2 votes241 views2 answers
Bootstrap change color table striped
CSS
222 votes305 views6 answers
Bootstrap CSS CDN
CSS