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

95 votes225 views6 answers
Drop shadow css
CSS
1 vote323 views1 answer
Overflow text newline
CSS
5 votes164 views1 answer
Rgb background
CSS
18 votes224 views2 answers
How to push text to the right css
CSS
0 vote202 views1 answer
Asp net css how to change text alignment of gridview column
CSS
0 vote218 views1 answer
How to use purgecss with webpack mix laravel
CSS
0 vote195 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
0 vote238 views1 answer
Text slide animation css
CSS
0 vote193 views1 answer
Css banner image
CSS
0 vote244 views1 answer
How to call media query inside css class
CSS