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

0 vote115 views1 answer
@font-face
CSS
68 votes134 views6 answers
Flex
CSS
0 vote133 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
145 votes171 views10 answers
Grepper
CSS
-1 vote105 views2 answers
Multi colors in background in css
CSS
3 votes100 views3 answers
Remove on click border
CSS
0 vote124 views2 answers
Ihr seid alle dumabtu
CSS
1 vote107 views1 answer
Css placeholder text truncate
CSS
1 vote110 views1 answer
How to make border blur css
CSS
4 votes98 views1 answer
Checkbox input in css
CSS