rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html> <head> <style>* { margin: 0px; border: 0px; padding: 0px;}body { margin: 1px;}#tl{ float: left; clear: left; width: 200px; height: 200px; background: red; margin-bottom: 1px;}#ml{ float: left; clear: left; width: 200px; height: 199px; background: yellow; margin-bottom: 1px;}#bl{float: left;clear: left;width: 200px;height: 500px;background: orange;}#tr{width: 200px;height: 400px;background: blue;margin-bottom: 1px;margin-left: 201px;}#mr{width: 200px;height: 199px;background: green;margin-bottom: 1px;margin-left: 201px;}#br{width: 200px;height: 300px;background: black;margin-left: 201px;} </style> </head> <body> <div id='tl'>top left</div> <div id='ml'>mid left</div> <div id='tr'>top right</div> <div id='bl'>bot left</div> <div id='mr'>mid right</div> <div id='br'>bot right</div> 1 </body></html>