<html> <head> <title>Div example</title> </head> <body> <style type="text/css"> .clear { clear: left; } .left1 { float: left; width: 120px; height: 40px; border: 1px solid; text-align: center; } .left2 { float: left; width: 120px; height: 40px; border: 1px dotted; text-align: center; margin-top: -15px; } .right { float: right; width: 120px; height: 40px; border: 1px solid; text-align: center; margin-top: -15px; } </style> <div class="left1"> 1 </div> <div class="clear"></div> <div class="left2"> 3 </div> <div class="right"> 2 </div> </body> </html>