outer div
div one
div two
div three
div four
div five
#outer, #one ,#two, #three, #four, #five {position: absolute; }
#outer { top: 10px; left: 0px; height: 200px; width: 300px; opacity: 0.5; }
#one { top: 20px; left: 20px; height: 100px; width: 100px; opacity: 0.5; }
#two { top: 40px; left: 40px; height: 100px; width: 120px; opacity: 0.5; }
#three { top: 60px; left: 60px; height: 100px; width: 140px; opacity: 0.5; }
#four { top: 80px; left: 80px; height: 100px; width: 160px; opacity: 0.5; }
#five { top: 100px; left: 100px; height: 100px; width: 180px; opacity: 0.5; }
#outer { background-color: #aaa; padding: 2em; }
#one { background-color: #aaf; }
#two { background-color: #afa; }
#three { background-color: #aff; }
#four { background-color: #faa; }
#five { background-color: #ffa; }
.code {position: absolute; top: 300px;}