<html> <head> <style type="text/css"> body {background-image:url('paper.gif'); pedding:0px; margin:0px; } #up:hover{ color:yellow; } #up{ width:60%; border-style:solid; border-width:5px; } #title{ float:right; width:20%; border-style:solid; border-width:5px; } #left{ float:left; width:20%; border:3px; border-style:solid; border-width:5px; } #center{ width:20%; float:left; border-style:solid; border-width:5px; } #down{ width:20%; border-style:solid; border-width:5px; } </style> </head> <body> <div id="up"> up</div> <div id="left">hello world</div> <div id="center">hello world</div> <div id="title">hello world</div> <div id="down">down </div> </body> </html>