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

3 votes374 views1 answer
Html table td spacing
CSS
1 vote349 views1 answer
Detect portrait landscape css
CSS
0 vote325 views1 answer
How to make distance betwwen corosel transition
CSS
6 votes372 views3 answers
Css for safari only
CSS
-1 vote360 views2 answers
Css make text one line
CSS
0 vote310 views3 answers
Boostarp grid npm css react
CSS
83 votes352 views6 answers
Css center text
CSS
0 vote362 views2 answers
Elementor accordion closed by default
CSS
0 vote353 views1 answer
Css max-width none
CSS
0 vote338 views1 answer
Font helvetica css
CSS