horizontal rule plus text

Solutions on MaxInterview for horizontal rule plus text by the best coders in the world

showing results for - "horizontal rule plus text"
Angelo
20 May 2016
1with_horizontal_rule {
2   width: 100%; 
3   text-align: center; /* Remove this to align left */
4   border-bottom: 1px solid #000; 
5   line-height: 0.1em;
6   margin: 10px 0 20px; 
7} 
8
9p span { 
10    background:#fff; 
11    padding:0 10px; 
12}
13
14/* HTML */
15<p class="with_horizontal_rule"><span>Your text goes here</span></p>