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

4 votes250 views3 answers
Block zoom js mobile
CSS
26 votes187 views5 answers
Css multiple classes
CSS
0 vote230 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote169 views1 answer
Bootstrap 4 input error
CSS
49 votes192 views5 answers
Css first
CSS
2 votes176 views2 answers
How to put the input box and the label on top of input
CSS
0 vote165 views2 answers
Remove button shadow css
CSS
0 vote162 views1 answer
Style jQuery draggable clone
CSS
0 vote149 views1 answer
How to remove text highlight on double click
CSS
3 votes216 views1 answer
Css scaling border radius
CSS