relpos-inline-1b.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html class="reftest-wait">

  <head>

    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>

    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />

    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />

    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>

    <meta name="flags" content="" />

    <style>

      span { position: relative }

      html {

        overflow: hidden;

    </style>

  </head>

  <body>

    <span style="position: relative; left: 100px">

      All text should be offset 200px.

      <div>Some more text</div>

    </span>

    <script>

      onload = function() {

        var s = document.querySelector("span");

        s.offsetWidth; // flush layout

        s.style.left = "200px";

        document.documentElement.className = "";

    </script>

  </body>

</html>