summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/sizing/inline--display-inline-block--01.xhtml
blob: f2f9a84812a323f1ebec4e28fe26178abe1fe3fa (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: display:inline-block with width="51" height="51"</title>
    <link rel="stylesheet" type="text/css" href="ahem.css" />

    <!--
    This testcase checks that SVG embedded inline with display:inline-block 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="display:inline-block; 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>