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

6 votes225 views5 answers
Xss
CSS
6 votes200 views4 answers
Webkit-line-clamp browser support
CSS
0 vote267 views1 answer
Change hover color link in wordpress
CSS
9 votes185 views2 answers
Align items in row css
CSS
0 vote194 views1 answer
Css orientations
CSS
2 votes237 views1 answer
Free css templates
CSS
0 vote202 views1 answer
Center a button wordpress
CSS
0 vote295 views1 answer
Flex starty
CSS
0 vote186 views1 answer
Media query Tablet and smaller
CSS
0 vote276 views1 answer
.txt:hover { text-decoration: underline; }
CSS