Edit Code in left box and click Show Results button to see the result. | Home
<html> <!-- Mirrored from www.tutorialspoint.com/cgi-bin/practice.cgi?file=css_layouts by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 01 Sep 2011 09:06:18 GMT --> <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack --> <head> <title>Practice CSS Layout </title> </head> <style type="text/css"> <!-- body { margin:9px 9px 0 9px; padding:0; background:#FFF;} #level0 { background:#FC0;} #level1 { margin-left:143px; padding-left:9px; background:#FFF;} #level2 { background:#FFF3AC;} #level3 { margin-right:143px; padding-right:9px; background:#FFF;} #main { background:#CCC;} --> </style> <body> <div id="level0"> <div id="level1"> <div id="level2"> <div id="level3"> <div id="main"> Final Content goes here... Final Content goes here... Final Content goes here... Final Content goes here... Final Content goes here... <p>This section will expand when you will put more content here:</p> </div> </div> </div> </div> </div> </body> <!-- Mirrored from www.tutorialspoint.com/cgi-bin/practice.cgi?file=css_layouts by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 01 Sep 2011 09:06:18 GMT --> <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack --> </html> |