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

5 votes153 views3 answers
Sticky footer
CSS
0 vote157 views1 answer
Deep selector
CSS
29 votes144 views6 answers
Background size in css
CSS
0 vote146 views1 answer
How to add carasoule in html using css
CSS
1 vote151 views1 answer
Stop anchor tag scroll to top of page
CSS
0 vote146 views1 answer
Background css hachures
CSS
0 vote149 views1 answer
How to include css in handlebars
CSS
1 vote147 views1 answer
Lato font family css
CSS
0 vote144 views1 answer
Scroll x css
CSS
0 vote152 views1 answer
Responsive typography
CSS