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 vote307 views1 answer
Linux remove latst 3 files
CSS
1 vote253 views1 answer
How to validate mail adress css
CSS
11 votes215 views1 answer
90deg rotate to left css
CSS
0 vote267 views1 answer
Why margin is not working on label css
CSS
0 vote266 views2 answers
Modal pop up html css
CSS
20 votes258 views5 answers
How to add background image in react css
CSS
0 vote240 views1 answer
Sass scale color
CSS
0 vote227 views1 answer
Morphism box shadow
CSS
0 vote224 views1 answer
Css orientations
CSS
11 votes237 views1 answer
Html click through elements
CSS