shape-image-025-ref.html (852B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reference File</title> 5 <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/> 6 <style type="text/css"> 7 body { 8 margin: 0; 9 } 10 .green { 11 top: 70px; 12 left: 10px; 13 width: 100px; 14 height: 100px; 15 background-color: rgb(0,100,0); 16 } 17 .blue { 18 top: 50px; 19 left: 60px; 20 width: 2px; 21 height: 140px; 22 background-color: blue; 23 } 24 .green, .blue { position: absolute; } 25 </style> 26 </head> 27 <body> 28 <p> 29 The test passes if there are two identical green rectangles on either side of the blue line. 30 There should be no red. 31 </p> 32 <div class="green"></div> 33 <div class="blue"></div> 34 </body> 35 </html>