inline-box-wrapper-handover-expected.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
    <title></title>
    <style type="text/css">
        div.ib { display: inline-block; width: 20px; height: 20px; }
    </style>
</head>
<body>
    <p>
        This test checks for a regression against <i><a href="https://bugs.webkit.org/show_bug.cgi?id=6276">http://bugzilla.opendarwin.org/show_bug.cgi?id=6276</a>
        Image thumbnails are misplaced on forum.2ostrov.ru</i>.
    </p>
    <hr>
    <p>
        Box 1 and box 2 should be identical.
    </p>
    Box 1:
    <div style="border: 1px black solid; width: 55px; padding: 5px;">
        <div class="ib" style="background: blue; width: 40px;"></div> A
        <div class="ib" style="background: red; width: 35px;"></div> B
        <div class="ib" style="background: green;"></div> C
    </div>
    <br>
    Box 2:
    <div style="border: 1px black solid; width: 55px; padding: 5px;">
        <div class="ib" style="background: blue; width: 40px;"></div> A
        <div class="ib" style="background: red; width: 35px;"></div> B
        <div class="ib" style="background: green;"></div> C
    </div>
</body>
</html>

chromium/third_party/blink/web_tests/fast/replaced/inline-box-wrapper-handover-expected.html