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

6 votes104 views4 answers
Change border highlight color on an input text element
CSS
0 vote78 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
0 vote115 views1 answer
Get clicked position javascript image
CSS
23 votes109 views2 answers
Center align in grid
CSS
0 vote111 views1 answer
Background css hachures
CSS
0 vote116 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.scss - sassy css is the new syntax as of Sass 3
CSS
0 vote100 views1 answer
Border-radius cross browser
CSS
83 votes125 views2 answers
Css text transform
CSS
0 vote108 views1 answer
Align items in span to center
CSS
42 votes104 views5 answers
Split text javascript
CSS