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 vote360 views1 answer
How to make bootstrap cards same height css trics
CSS
1 vote360 views1 answer
Flexbox navbar fixed top
CSS
0 vote413 views2 answers
Css grid cheat sheet
CSS
28 votes396 views5 answers
Default cursor css
CSS
4 votes362 views2 answers
InsecureRequestWarning disable
CSS
0 vote357 views1 answer
Enqueing another css file in shild
CSS
0 vote405 views1 answer
Make backgrond image smaller
CSS
1 vote406 views1 answer
Jquery css multiple line
CSS
96 votes369 views3 answers
Css hide scrollbar but allow scroll
CSS
0 vote375 views1 answer
How to add font otf format in html
CSS