shape-image-024-ref.html (1049B)
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 background-color: rgb(0,100,0); 12 width: 100px; 13 height: 200px; 14 } 15 .left-rect { left: 10px; } 16 .right-rect { left: 120px; } 17 18 .blue { 19 width: 2px; 20 height: 200px; 21 background-color: blue; 22 } 23 .left-line { left: 115px; } 24 .right-line { left: 230px } 25 26 .green, .blue { 27 position: absolute; 28 top: 70px; 29 } 30 </style> 31 </head> 32 <body> 33 <p> 34 The test passes if the green rectangle on the right is completely between the two blue lines. 35 There should be no red. 36 </p> 37 <div class="green left-rect"></div> 38 <div class="green right-rect"></div> 39 <div class="blue left-line"></div> 40 <div class="blue right-line"></div> 41 </body> 42 </html>