<html> <head> <title>div test</title> <style type="text/css"> body { padding:0; margin:0 auto; color:#fff; } .outer { width:100%; } .left { background-color:red; } .center { vertical-align:middle; height:600px; background-color:black; } .right { background-color:blue; } </style> </head> <body> <div class="outer"> <div class="left">Left<br />And a bit more ...</div> <div class="center">Center</div> <div class="right">Right<br />And a bit more ...</div> </div> </body> </html>