<!doctype html> <html> <head> <mce:style type="text/css"><!-- body { margin: 10px; background-color: white; } div { outline: green dashed thin; } #container { padding: 10px; margin: 0 auto; background-color: lightgray; } .content { padding: 5px; } #left, #center { float: left; } #right { float: right; } #left { width: 20%; } #center { width: 60%; } #right { width: 20%; } #footer { clear: both; } --></mce:style><style type="text/css" mce_bogus="1"> body { margin: 10px; background-color: white; } div { outline: green dashed thin; } #container { padding: 10px; margin: 0 auto; background-color: lightgray; } .content { padding: 5px; } #left, #center { float: left; } #right { float: right; } #left { width: 20%; } #center { width: 60%; } #right { width: 20%; } #footer { clear: both; } </style> </head> <body> <div id="container"> <div> <div class="content"> Header </div> </div> <div id="left"> <div class="content"> Left </div> </div> <div id="center"> <div class="content"> Center </div> </div> <div id="right"> <div class="content"> Right </div> </div> <div id="footer"> <div class="content"> Footer </div> </div> </div> </body> </html>