<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <style> body > div { border:5px solid black; height: 100px } .float { float: left; width:100px; height:100px; background-color: green } .normal { width: 100px; height:100px; background-color: purple } .left { margin-left: 200px; } .negleft { margin-left: -50px; } .block { display: block } </style> </head> <body> <div> <div class="float"></div> <img class="block normal left"> </div> <br clear="all"> <div> <div class="float"></div> <img class="normal left"> </div> <br clear="all"> <div> <div class="float"></div> <img class="block normal negleft"> </div> <br clear="all"> <div> <div class="float"></div> <img class="normal negleft"> </div> <br clear="all"> <div> <div class="float"></div> <input class="block normal left"> </div> <br clear="all"> <div> <div class="float"></div> <input class="normal left"> </div> <br clear="all"> <div> <div class="float"></div> <input class="block normal negleft"> </div> <br clear="all"> <div> <div class="float"></div> <input class="normal negleft"> </div>