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

3 votes265 views2 answers
Scss transition
CSS
-2 votes262 views1 answer
Css transform translate and rotate
CSS
13 votes247 views4 answers
Delected blue border when an input is selected
CSS
0 vote283 views1 answer
Nuxt lazy load pages pagination
CSS
17 votes265 views2 answers
Place item center in css using grid
CSS
0 vote273 views2 answers
Link html to html stackoverflow
CSS
1 vote274 views1 answer
Font awesome eyes
CSS
0 vote286 views1 answer
Svg image shadow css
CSS
3 votes260 views3 answers
Css border-left
CSS
0 vote280 views6 answers
Install canon mf211 printer ubuntu
CSS