transform-origin-01-ref.html (661B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Reference File</title> 5 <link rel="author" title="CJ Gammon" href="mailto:youremail@address.com"> 6 <style type="text/css"> 7 8 #container{ 9 position: relative; 10 } 11 12 .square{ 13 position: absolute; 14 } 15 16 #green{ 17 top: 50px; 18 left: 50px; 19 width: 100px; 20 height: 100px; 21 background: green; 22 } 23 24 </style> 25 </head> 26 <body> 27 <p>The test passes if there is a green square and no red or blue square.</p> 28 29 <div id="container"> 30 <div id="green" class="square"></div> 31 </div> 32 33 </body> 34 </html>