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

4 votes317 views1 answer
Overflow dottet
CSS
0 vote314 views1 answer
Ms-grid- error css
CSS
-1 vote355 views1 answer
Option tag center
CSS
0 vote341 views1 answer
Relier css html
CSS
1 vote339 views1 answer
Gatsby hide scrollbar
CSS
0 vote333 views1 answer
Reference WP media file on child theme CSS file
CSS
0 vote350 views2 answers
Text-align transform
CSS
35 votes353 views2 answers
Css code for margin
CSS
0 vote374 views1 answer
Css media query gist
CSS
0 vote340 views1 answer
Poner en input signo dolar con css
CSS