inline--position-absolute--01.xhtml

Enable keyboard shortcuts

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->

    <title>Test: position:absolute with width="51" height="51"</title>

    <!--

    This testcase checks that SVG embedded inline with position:absolute is

    positioned correctly.

-->

  </head>

  <body>

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    <svg xmlns="http://www.w3.org/2000/svg" width="51" height="51"

         style="position:absolute; top:51px; right:51px; padding:0; border:1px solid blue; margin:0;">

      <rect width="100%" height="100%" fill="blue"/>

    </svg>

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

  </body>

</html>