<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style> div#first{ width:180px; height:180px; background-color:#0000FF; position:fixed; top:50%; right:50%; margin-top:-270px; margin-left:-90px; } div#second{ width:180px; height:180px; background-color:#0066FF; position:absolute; top:90px; right:90px; } div#third{ width:180px; height:180px; background-color:#1E90FF; position:absolute; top:90px; right:90px; } div#fourth{ width:180px; height:180px; background-color:#00BFFF; position:absolute; top:90px; left:90px; } div#fifth{ width:180px; height:180px; background-color:#33D6FF; position:absolute; top:90px; left:90px; } div#sixth{ width:180px; height:180px; background-color:#00FFFF; position:absolute; top:-90px; left:90px; } div#seventh{ width:180px; height:180px; background-color:#99FFFF; position:absolute; top:-90px; left:90px; } div#eighth{ width:180px; height:180px; background-color:#CCFFFF; position:absolute; top:-90px; left:-90px; } div#ninth{ width:90px; height:90px; background-color:#0000FF; position:absolute; top:0px; left:0px; } </style> </head> <body> <div id="first"> <div id="second"> <div id="third"> <div id="fourth"> <div id="fifth"> <div id="sixth"> <div id="seventh"> <div id="eighth"> <div id="ninth"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>