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 vote283 views1 answer
Curfont
CSS
1 vote282 views1 answer
Css grid auto resize on mobile
CSS
3 votes319 views1 answer
Include screen size
CSS
32 votes264 views6 answers
Animations css
CSS
1 vote294 views1 answer
Lato font family css
CSS
0 vote312 views1 answer
Css keep element on same position among different screen size
CSS
34 votes300 views6 answers
Color gradient for text
CSS
1 vote319 views1 answer
Css fixed center vertical
CSS
2 votes262 views1 answer
Alignitems
CSS
0 vote276 views1 answer
Ipad pro css
CSS