Guest User

Untitled

a guest
Dec 2nd, 2010
115
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. html, body {
  8.   margin: 0;
  9. }
  10. #grid {
  11.         height : 400px;
  12.         width  : 400px;
  13. }
  14. #grid div {
  15.         color      : white;
  16.         float      : left;
  17.         font       : bold 20px sans-serif;
  18.         text-align : center;
  19.         position: fixed;
  20. }
  21. #A {
  22.         background : #5080bb;
  23.         width: 100%;
  24.         height: 30%;
  25.         bottom: 0;
  26.         z-index: 1;
  27. }
  28. #B {
  29.         background : #7e64a0;
  30.         width: 40%;
  31.         height: 40%;
  32.         top: 0;
  33.         left: 0;
  34.         z-index: 5;
  35. }
  36. #C {
  37.         background : #f69447;
  38.         width: 100%;
  39.         height: 30%;
  40.         z-index: 2;
  41. }
  42. #D {
  43.         background : #99b959;
  44.         z-index: 3;
  45.         width: 50%;
  46.         height: 50%;
  47.         top: 50%;
  48.         left: 50%;
  49.         margin: -25% 0 0 -25%;
  50. }
  51. #E {
  52.         background : #be504e;
  53.         z-index: 4;
  54.         width: 30%;
  55.         height: 30%;
  56.         bottom: 10%;
  57.         right: 0;
  58. }
  59. </style>
  60.         </head>
  61.         <body>
  62.                 <div id="grid">
  63.                         <div id="A">A</div>
  64.                         <div id="B">B</div>
  65.                         <div id="C">C</div>
  66.                         <div id="D">D</div>
  67.                         <div id="E">E</div>
  68.                 </div>
  69.         </body>
  70. </html>
RAW Paste Data