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 vote109 views7 answers
Java to python
CSS
3 votes106 views1 answer
Css display block ease in
CSS
50 votes123 views6 answers
Backgroud color css
CSS
0 vote111 views1 answer
CSS blue bottom right Box shadow
CSS
24 votes114 views3 answers
Link font size html
CSS
0 vote140 views1 answer
Spanning Items Across Rows and Columns
CSS
8 votes122 views2 answers
Css resize checkbox
CSS
-1 vote117 views1 answer
Empty areas in the grid are defined using '.'
CSS
0 vote217 views1 answer
Css remove scrollbar from body
CSS
2 votes117 views1 answer
Blue outline after click when in mobile view
CSS