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

1 vote592 views1 answer
Online minifier api
CSS
-1 vote393 views1 answer
Sidebar-Content layout
CSS
-1 vote406 views1 answer
How to centralize cards in css
CSS
39 votes385 views4 answers
Background image height and width
CSS
0 vote382 views1 answer
Css elementos
CSS
0 vote352 views1 answer
Bulma modal
CSS
0 vote366 views4 answers
How to pass html number to css
CSS
0 vote384 views1 answer
Css apply style to direct children
CSS
25 votes347 views6 answers
Multiple nth child css
CSS
0 vote422 views1 answer
Bootstrap remove unused css
CSS Bootstrap