CODE
<img src='image.jpg' alt='blah' style='margin:10px 10px 10px 10px; float:left; border-style:solid; border-width:1px; width:200px;'>
<hr style='width:70%; height:2px; color:#000000; border-width:0; background-color:#000000; clear:both; margin:20px auto 20px auto;'>
<hr style='width:70%; height:2px; color:#000000; border-width:0; background-color:#000000; clear:both; margin:20px auto 20px auto;'>
When using the code above the gap between the image above and the hr below is 10px not 30px. It isn't applying the 20px of the top of the hr.
Any ideas why? (I am using strict doctype, same in IE anf FF)


Answers