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

9 votes280 views2 answers
Button style none
CSS
1 vote285 views1 answer
How to remove increment in input type number
CSS
1 vote309 views1 answer
How to set the first column of the table in center in css
CSS
1 vote290 views2 answers
How to lighten the color of text in html
CSS
4 votes280 views1 answer
Checkbox input in css
CSS
0 vote303 views1 answer
Content jumping css
CSS
0 vote302 views1 answer
Chrome developer tools css customize
CSS
9 votes281 views3 answers
Outline button css
CSS
0 vote271 views1 answer
Ipad pro css
CSS
-1 vote282 views1 answer
Link design like a Button"
CSS