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 vote128 views1 answer
React css change number animation
CSS
0 vote129 views1 answer
Css filter img color etc
CSS
1 vote121 views1 answer
Change height of range slider html
CSS
0 vote128 views1 answer
Border radius circle button
CSS
18 votes120 views4 answers
Css rotate animation
CSS
0 vote125 views1 answer
Calc(100vh - px)
CSS
0 vote123 views1 answer
Css select without class
CSS
0 vote130 views1 answer
Setting size for png icon in CSS
CSS
15 votes131 views3 answers
Css size
CSS
0 vote142 views1 answer
Sass each index
CSS