layout/reftests/ib-split/relpos-inline-1b.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3   <head>
   4     <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
   5     <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
   6     <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
   7     <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
   8     <meta name="flags" content="" />
   9     <style>
  10       span { position: relative }
  11       html {
  12         overflow: hidden;
  13       }
  14     </style>
  15   </head>
  16   <body>
  17     <span style="position: relative; left: 100px">
  18       All text should be offset 200px.
  19       <div>Some more text</div>
  20     </span>
  21     <script>
  22       onload = function() {
  23         var s = document.querySelector("span");
  24         s.offsetWidth; // flush layout
  25         s.style.left = "200px";
  26         document.documentElement.className = "";
  27       }
  28     </script>
  29   </body>
  30 </html>