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 vote192 views1 answer
Bootstrap 5 carosul height set
CSS
1 vote174 views1 answer
Perfect circle css
CSS
0 vote198 views1 answer
Grid style form
CSS
0 vote192 views1 answer
Css 2 images side by side to stack
CSS
7 votes207 views6 answers
Jquery remove css class
CSS
9 votes200 views3 answers
Css grid repeat
CSS
63 votes191 views6 answers
Text shadow
CSS
1 vote179 views1 answer
Webkit css
CSS
4 votes219 views2 answers
Increase the size of an image on hover using css
CSS
1 vote193 views1 answer
Css media queries pc and mobile
CSS