<hr> not showing

Question

I have a <hr> which isn't showing.

HTML:

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

CSS:

hr {     border: 0;     width: 96%;     color: #FFFF00;     height: 1px; }   #line {     float: left;     width: 731px;     height: 10px; } 

Any ideas why it's not showing?

Answer 1

try this code :

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

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

Hope it will help you to resolve your problem.