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 vote116 views1 answer
Css 100% -20px
CSS
1 vote107 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS
0 vote123 views1 answer
Css display original image in smalle width
CSS
1 vote108 views1 answer
Css import google font not working
CSS
0 vote115 views1 answer
How to make website using html and css
CSS
16 votes95 views1 answer
Sass css
CSS
1 vote188 views1 answer
Sticky mat-toolbar
CSS
11 votes110 views1 answer
Css disable mouse events
CSS
9 votes115 views4 answers
Css animation infinite loop
CSS
72 votes117 views6 answers
Position absolute center
CSS