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

1 vote334 views1 answer
Matinput remove underline
CSS
-3 votes325 views2 answers
How to justify grid childe in the center
CSS
0 vote314 views1 answer
Css for floting input label
CSS
0 vote307 views1 answer
What css vmin
CSS
1 vote307 views2 answers
Css scrollbar in div
CSS
0 vote301 views1 answer
White block on the left css
CSS
61 votes328 views2 answers
Bootstrap flex direction column
CSS
3 votes292 views1 answer
Responsive flexbox in css
CSS
1 vote308 views1 answer
Restful url to update status
CSS
20 votes339 views3 answers
Center align div vertically and horizontally css
CSS