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

51 votes198 views4 answers
Style scrollbar
CSS
6 votes205 views3 answers
How to snap the scroll is css
CSS
17 votes257 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
CSS
3 votes218 views2 answers
Ui gradient
CSS
0 vote228 views1 answer
Date icon color change
CSS
2 votes196 views1 answer
Uninstall pm2
CSS
0 vote291 views1 answer
What css vmin
CSS
-1 vote295 views1 answer
Critical css
CSS
1 vote188 views1 answer
Before content from attribute
CSS
76 votes239 views6 answers
Display flex css
CSS