Guest User

AlexZam solves the task

a guest
Dec 1st, 2010
91
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. body{
  3.     margin:10px;
  4. }
  5. #grid{
  6.     height:100%;
  7.     border:1px dashed black;
  8.     position:relative;
  9.     color:white;
  10.     font:80px Arial;
  11. }
  12.  
  13. #grid div{
  14.     border:1px solid black;
  15.     margin:0 1%;
  16.     position:relative;
  17.     text-align: center;
  18.     vertical-align:middle;
  19. }
  20.  
  21. div#A{
  22.     background-color:#99f;
  23.     height:30%;
  24.     top:70%;
  25.     margin-top:-20px;
  26.     z-index:1;
  27. }
  28.  
  29. div#B{
  30.     background-color:#c9f;
  31.     height:50%;
  32.     width:48%;
  33.     top:-30%;
  34.     margin-top:36px;
  35.     z-index:4;
  36. }
  37.  
  38. div#C{
  39.     background-color:#fc9;
  40.     height:20%;
  41.     width:60%;
  42.     top:-80%;
  43.     left:38%;
  44.     margin-top:9px;
  45.     z-index:1;
  46. }
  47. div#D{
  48.     background-color:#9c9;
  49.     height:30%;
  50.     width:40%;
  51.     top:-50%;
  52.     left:58%;
  53.     margin-top:8px;
  54.     z-index:2;
  55. }
  56. div#E{
  57.     background-color:#c99;
  58.     height:40%;
  59.     width:40%;
  60.     top:-100%;
  61.     left:28%;
  62.     margin-top:8px;
  63.     z-index:3;
  64. }
  65. </style>
  66. <div id="grid">
  67.     <div id="A">A</div>
  68.     <div id="B">B</div>
  69.     <div id="C">C</div>
  70.     <div id="D">D</div>
  71.     <div id="E">E</div>
  72. </div>
RAW Paste Data