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 vote281 views1 answer
Shadow on hover class on card bootstrap
CSS
1 vote274 views2 answers
Css n number of lines only
CSS
-1 vote313 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
0 vote268 views1 answer
Jquery add external css to head
CSS
3 votes273 views3 answers
Have background color and background image css
CSS
0 vote269 views1 answer
Elementor custom css for mobile
CSS
0 vote275 views2 answers
Css combinators
CSS
1 vote262 views1 answer
Comfirm before delete
CSS
8 votes258 views3 answers
Background degrade
CSS
2 votes276 views5 answers
Csgo
CSS