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 vote128 views2 answers
Align ionic icons and text css
CSS
1 vote121 views2 answers
Centrer verticalement css
CSS
0 vote125 views1 answer
How to change the size of a style="text-align: center;"
CSS
1 vote143 views1 answer
Var minus scss
CSS
1 vote139 views2 answers
Scss exceeded maximum budget. Budget 7.00 kB was not met by 841 bytes with a total of 7.82 kB.
CSS
2 votes124 views2 answers
How to give 2 different background color css
CSS
20 votes140 views4 answers
Css list no bullets
CSS
34 votes113 views6 answers
Css linear gradient
CSS
1 vote123 views1 answer
Bootstrap Changing the separator
CSS
0 vote123 views1 answer
Practice html and css
CSS