testing/web-platform/tests/css/css-transforms/reference/transform-origin-01-ref.html

   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>