<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8" /> <title>Column Layout Test</title> <style type="text/css"> body { padding : 16px; margin : 0px; } div.container { border : 4px solid black; } div.columns { border : 4px solid red; } div.columns div.left { border : 4px solid blue; float : left; width : 150px; } div.columns div.right { border : 4px solid green; float : left; } </style> </head> <body> <div class="container"> <div class="columns"> <div class="left">left</div> <div class="right" style="height:400px;">right</div> <div style="clear:both;"></div> </div> </div> </body> </html>