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 votes307 views1 answer
Linear gradient instagram
CSS
6 votes324 views2 answers
Transition prefixes css
CSS
0 vote331 views1 answer
How to make the select box font size small in css
CSS
113 votes313 views5 answers
Padding css
CSS
16 votes311 views4 answers
Arrow right css
CSS
3 votes300 views3 answers
Uigradients
CSS
0 vote373 views1 answer
Can I use placeholder in <input type="time"/>
CSS
0 vote392 views1 answer
Prevenrt div with height 100% from growing up
CSS
2 votes355 views2 answers
Mongoose populate selected fields
CSS
0 vote328 views1 answer
Liste commandes disponibles linux
CSS