inline--position-relative--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:relative with width="51" height="51"</title>

    <link rel="stylesheet" type="text/css" href="ahem.css" />

    <!--

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

    positioned correctly.

-->

  </head>

  <body style="font: 10px/12px Ahem">

    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:relative; 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>