<html> <head> <title>div test</title> <style type="text/css"> body { width:800px; height:600px; padding:0; margin:0 auto; color:#fff; } .outer { width:800px; height:600px; } .left,.center,.right { float:left; } .left { height:50%; width:25%; background-color:red; } .center { height:100%; width:50%; background-color:black; } .right { height:50%; width:25%; background-color:blue; } </style> </head> <body> <div class="outer"> <div class="left">Left</div> <div class="center">Center</div> <div class="right">Right</div> </div> </body> </html>