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 vote203 views2 answers
How to write text on video in html
CSS
0 vote215 views1 answer
Scroll tbody fixed thead
CSS
4 votes207 views4 answers
Change placeholder color
CSS
5 votes191 views2 answers
Make text not selectable
CSS
0 vote175 views1 answer
How to remove underline from list item in html
CSS
0 vote195 views1 answer
Html invisible hr
CSS
7 votes211 views4 answers
Change button color html
CSS
-1 vote194 views3 answers
Transparent background css for image
CSS
0 vote209 views1 answer
Microwave
CSS
3 votes227 views1 answer
Css how to make text not break
CSS