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

1 vote136 views1 answer
Remove boldness css
CSS
30 votes156 views6 answers
Background image with gradient css
CSS
1 vote165 views1 answer
Animate font weight css
CSS
0 vote144 views1 answer
Imporatn css
CSS
0 vote132 views1 answer
Autoprefixer\
CSS
1 vote145 views1 answer
Html if text too long newline
CSS
2 votes141 views1 answer
Css image overflow
CSS
4 votes152 views2 answers
Css disabled
CSS
0 vote144 views1 answer
Css horizontal line around text
CSS
18 votes179 views5 answers
Col-md-6 bootstrap
CSS Bootstrap