<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<style> | |
#container { | |
width: 385px; | |
} | |
img { | |
margin-top:1em; | |
display: block; | |
background-color:yellow; | |
} | |
.foo { float:left;width:100px; height:100px;background-color:green } | |
</style> | |
</head> | |
<body> | |
<div id="container"> | |
<div>The yellow block should be below the green block.</div> | |
<div class="foo"></div><img width="395" height="275" border="0"> | |
</div> | |
</body> | |
</html> | |