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

7 votes258 views3 answers
Italic in css
CSS
-1 vote315 views1 answer
How to write a comment in css
CSS
2 votes278 views1 answer
Css set property with data attribute
CSS
9 votes261 views1 answer
Image background html css tricks
CSS
0 vote278 views1 answer
Css template columns and rows
CSS
4 votes244 views2 answers
InsecureRequestWarning disable
CSS
0 vote256 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
0 vote261 views1 answer
Double border color css
CSS
-1 vote250 views1 answer
How to many image fullscreen in css
CSS
0 vote252 views1 answer
Hovered one element change styles for another css
CSS