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 vote182 views1 answer
How To target a particular td in css
CSS
0 vote144 views1 answer
How to make tet itali in css
CSS
2 votes160 views2 answers
Css fill parent height
CSS
0 vote139 views1 answer
Punderline none
CSS
146 votes190 views4 answers
How do i link my css to my html
CSS
11 votes163 views2 answers
Scss include
CSS
116 votes160 views6 answers
@media screen and (max-width
CSS
3 votes154 views1 answer
Learn css animation
CSS
3 votes137 views1 answer
Css backdrop filter blut
CSS
1 vote139 views1 answer
Style direction
CSS