Guest User

XaosCPS

a guest
Nov 30th, 2010
432
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>ABCDE</title>
  6. <style>
  7. #grid {
  8.     border : 1px dashed black;
  9.     height : 400px;
  10.     width  : 400px;
  11. }
  12. #grid div {
  13.     outline    : 1px solid black;
  14.     color      : white;
  15.     font       : bold 20px sans-serif;
  16.     text-align : center;
  17.     position   : relative;
  18. }
  19. #A {
  20.     background : #5080bb;
  21.     margin  : 70% 0 0 0;
  22.     height  : 30%;
  23.     width   : 100%;
  24.     z-index : 1;
  25. }
  26. #B {
  27.     background : #7e64a0;
  28.     margin : -100% 0 0 0;
  29.     height : 40%;
  30.     width  : 40%;
  31.    
  32.     z-index : 4;
  33. }
  34. #C {
  35.     background : #f69447;
  36.     margin : -40% 0 0 20%;
  37.     height : 25%;
  38.     z-index : 2;
  39. }
  40. #D {
  41.     background : #99b959;
  42.     margin : 35% 0 0 70%;
  43.     height : 30%;
  44.     z-index : 2;
  45. }
  46. #E {
  47.     background : #be504e;
  48.     margin : -70% 0 0 20%;
  49.     height : 60%;
  50.     width  : 60%;
  51.     z-index : 3;
  52. }
  53. </style>
  54.     </head>
  55.     <body>
  56.         <div id="grid">
  57.             <div id="A">A</div>
  58.             <div id="B">B</div>
  59.             <div id="C">C</div>
  60.             <div id="D">D</div>
  61.             <div id="E">E</div>
  62.         </div>
  63.     </body>
  64. </html>
RAW Paste Data