<hr> non visualizzato

Question

Ho un <hr> che non viene visualizzato.

HTML:

<div id="line"><hr /></div> 

CSS:

hr { 
    border: 0; 
    width: 96%; 
    color: #FFFF00; 
    height: 1px; 
} 


#line { 
    float: left; 
    width: 731px; 
    height: 10px; 
} 

Tutte le idee perché non sta mostrando?

Answer 1

provare questo codice:

hr { 
    border: 0; 
    clear:both; 
    display:block; 
    width: 96%;    
    background-color:#FFFF00; 
    height: 1px; 
} 

JSFile link http://jsfiddle.net/EXXrB/

Spero che ti aiuti a risolvere il tuo problema.

Answer 2

Prova questo

hr { 
border: 0; 
clear:both; 
display:block; 
width: 96%; 
color: #FFFF00; 
height: 1px; 
} 

Answer 3

hr 
{ 
border:solid 1px black; 
width: 96%; 
color: #FFFF00; 
height: 1px; 

} 

Answer 4

Rimuovere border: 0; dalla regola CSS per hr

Demo

Answer 5

Se si intende utilizzare border:0px;, quindi impostare height:1px; e impostare background:#FFFF00;
(OR)
border:1px solid #FFFF00; e height:0px;

che potrebbe fare il trucco!

O bastone con colore del bordo per mostrare una linea orizzontale o andare con il colore di sfondo per <HR> tag