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

9 votes182 views3 answers
Grid repeat css
CSS
2 votes176 views1 answer
Vertically center an svg
CSS
74 votes176 views6 answers
Css rounded corners
CSS
17 votes183 views2 answers
Filter: alpha(opacity=0);
CSS
6 votes185 views3 answers
Vw css
CSS
1 vote291 views1 answer
Materialize customize container
CSS Materialize
116 votes204 views6 answers
@media screen and (max-width
CSS
0 vote213 views1 answer
Deploy truffle project on testnet
CSS
0 vote182 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
4 votes209 views1 answer
Who created css
CSS