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 votes163 views2 answers
How to align elements horizontally in css
CSS
1 vote164 views1 answer
Css color of input
CSS
3 votes162 views4 answers
Remove outline on button click
CSS
2 votes158 views2 answers
Aspect ratio css
CSS
145 votes325 views6 answers
Add bootstrap to react
CSS Bootstrap
15 votes155 views2 answers
Get rid of arrows number input
CSS
13 votes258 views4 answers
How to print background bootstrap
CSS Bootstrap
0 vote160 views1 answer
Css border with 8 values
CSS
1 vote127 views1 answer
Html hide text if too long
CSS
47 votes176 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS