shape-image-006-ref.html (1111B)
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, .blue { 11 position: absolute; 12 top: 70px; 13 } 14 .left-rect { 15 left: 10px; 16 } 17 .right-rect { 18 width: 50px; 19 height: 100px; 20 left: 70px; 21 background: rgb(0,100,0); 22 } 23 .blue { 24 width: 2px; 25 height: 100px; 26 background-color: blue; 27 } 28 .left-line { left: 65px; } 29 .right-line { left: 125px } 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"> 38 <img src="../support/left-half-rectangle.png"> 39 </div> 40 <div class="green right-rect"></div> 41 <div class="blue left-line"></div> 42 <div class="blue right-line"></div> 43 </body> 44 </html>