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 vote184 views2 answers
Icon inside a circle css
CSS
80 votes187 views2 answers
Text-transform
CSS
52 votes171 views6 answers
Center a div
CSS
5 votes180 views1 answer
Css animate flashing
CSS
0 vote176 views1 answer
How to make jest parse the imported css modules in create react app
CSS
0 vote179 views2 answers
Order
CSS
0 vote187 views1 answer
Html css psd
CSS
0 vote164 views2 answers
Nativescript hr
CSS
0 vote187 views1 answer
Change color to white svg with filter
CSS
0 vote173 views1 answer
Rainvow hover css
CSS