layout/reftests/pagination/inline-block-frag-text-1.html


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

<!DOCTYPE html>
<html class="reftest-paged">
<head>
    <style>
    @page {
        size: 5in 3in;
        margin: 0;
    }

    @font-face {
      font-family: Ahem;
      src: url(../fonts/Ahem.ttf);
    }

    * {
        margin: 0;
        padding: 0;
    }

    .text {
        display: inline-block;
        border: 2px solid;
        background-color: grey;
        width: 220px;
        font: 50px/1 Ahem;
    }

    .pos {
        position: absolute;
        top: calc(3in - 25px);
        left: 0px;
    }
    </style>
</head>
<body>
    <div class="text pos">XpXp</div>
</body>
</html>