summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/sizing/inline--position-relative--01.xhtml
blob: 0e4c334fd10b0787ef0aa1b7dd789852187ff6de (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!--
     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>