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

2 votes387 views3 answers
Sequelize order by
CSS
0 vote340 views1 answer
Css button no style
CSS
0 vote334 views1 answer
Background single line property css
CSS
0 vote304 views1 answer
Sumar clases css
CSS
0 vote333 views1 answer
Inset boxshadow
CSS
0 vote374 views5 answers
How many px is iphone 12 pro max css
CSS
1 vote315 views1 answer
Hex code for khaki
CSS
17 votes329 views2 answers
Rgb green
CSS
0 vote327 views1 answer
Faunadb q.do
CSS
0 vote330 views1 answer
Carbon yesterday date
CSS