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 vote163 views1 answer
Flutter replacement for flatbutton
CSS
2 votes146 views2 answers
How to move text down css
CSS
4 votes151 views1 answer
Png shadow css
CSS
0 vote156 views1 answer
Css body overflow hidden sidebar scrollbar
CSS
0 vote159 views1 answer
Au fourneua bakery
CSS
0 vote152 views1 answer
Request.env.cr.execute how to get the fetched data in dictionary
CSS
1 vote173 views1 answer
Width defined by content css
CSS
4 votes169 views2 answers
Change bot page background top.gg
CSS
1 vote174 views1 answer
How to make horizontal rule dotted
CSS
0 vote161 views1 answer
Html disable spin buttons on input type number
CSS