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 vote135 views1 answer
Unhover animation
CSS
4 votes143 views3 answers
Trash icon font awesome
CSS
0 vote142 views1 answer
Hover media query
CSS
-1 vote137 views1 answer
Link design like a Button"
CSS
5 votes138 views1 answer
Roblox player died
CSS
1 vote170 views2 answers
How rotate infinity css
CSS
0 vote164 views1 answer
Hiding text outside of border css
CSS
2 votes134 views1 answer
Why do we need hexadecimal number system
CSS
1 vote132 views1 answer
Css table grid
CSS
1 vote137 views1 answer
Change text color li css
CSS