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 vote125 views1 answer
Text zentrieren
CSS
0 vote125 views1 answer
Z index div over cursor
CSS
0 vote125 views1 answer
Poner en input signo dolar con css
CSS
0 vote235 views7 answers
Convert css box shadow to react native
CSS
41 votes130 views6 answers
Linux folder size
CSS
0 vote130 views1 answer
Css animation scale image
CSS
61 votes141 views6 answers
Center text in css
CSS
2 votes158 views1 answer
How to make gradient backgroud cover whole page in html
CSS
1 vote168 views2 answers
Center nav bar css
CSS
0 vote124 views1 answer
Ie11 image stretching
CSS