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 vote175 views1 answer
How to add carasoule in html using css
CSS
2 votes233 views1 answer
Otf css3 font-face
CSS
0 vote165 views1 answer
Why is there whitespace on the top
CSS
4 votes185 views1 answer
How to stop an image repeating in css
CSS
2 votes188 views2 answers
How to center a inline block element
CSS
126 votes193 views7 answers
Css box shadow
CSS
0 vote181 views1 answer
Bootstrap-navbar-brand
CSS
1 vote195 views2 answers
Toast js
CSS
0 vote219 views1 answer
Css hot to center image in bootsrtap container
CSS
0 vote198 views1 answer
Css aplying everything
CSS