third_party/WebKit/LayoutTests/fast/sub-pixel/inline-block-with-padding.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

<!DOCTYPE html>
<html>
    <head>
        <style>
            a {
                padding: .3em 1.6em;
            }
        </style>
        <script src="../../resources/js-test.js"></script>
    </head>
    <body>
        <p>
            Both links should render the same and not wrap.
        </p>
        <div>
            <a style="display: inline-block;" href="#">This shouldn't wrap</a>
        </div>
        <div>
            <a href="#">This shouldn't wrap</a>
        </div>
        <script>
            var links = document.getElementsByTagName('a');
            var expectedWidth = links[1].offsetWidth;
            shouldBeCloseTo('links[0].offsetWidth', links[1].offsetWidth, 1);
        </script>
    </body>
</html>