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 vote199 views1 answer
Css custom easing
CSS
1 vote147 views1 answer
Bootstrap 4 material icon vertical align
CSS
0 vote160 views1 answer
Make element no styles
CSS
0 vote207 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
4 votes147 views2 answers
Bootstrap Image thumbnails
CSS
0 vote222 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
28 votes193 views3 answers
Box shadow to make border bottom
CSS
3 votes159 views2 answers
Button material ui
CSS
0 vote172 views1 answer
CSS style all div elements
CSS
3 votes155 views4 answers
Keep aspect ratio of image css
CSS