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 vote190 views1 answer
Named colors css
CSS
15 votes220 views2 answers
Css center elment screen
CSS
4 votes231 views2 answers
Resize image slowly on hover
CSS
6 votes222 views3 answers
.row bootstrap
CSS Bootstrap
-1 vote212 views1 answer
Datepicker disable future date odoo
CSS
1 vote228 views1 answer
Use a local font css
CSS
12 votes273 views2 answers
Css table alternating row color
CSS
0 vote243 views1 answer
Applying multiple transform values to an object css
CSS
1 vote234 views1 answer
Css prevent new line div
CSS
15 votes225 views2 answers
How to make a div scrollable vertically
CSS