a4584324c1befcd956a83d41b3f103f05e1ab6d0
[WebKit-https.git] / LayoutTests / fast / sub-pixel / float-with-right-margin-zoom.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <style>
5             body {
6                 zoom: 125%;
7             }
8             .logo {
9                 float: left;
10             }
11             .logo > div {
12                 float: left;
13                 width: 50px;
14                 height: 50px;
15                 margin: 10px 10px 0 0;
16             }
17             .section-info {
18                 background-color: blue;
19             }
20             .section-logo {
21                 position: relative;
22                 background-color: green;
23
24             }
25         </style>
26         <script src="../js/resources/js-test-pre.js"></script>
27     </head>
28     <body>
29         <p>
30             Both elements below should be on the same line.
31         </p>
32         <div id="test" class="logo">
33             <div class="section-info"></div>
34             <div class="section-logo"></div>
35         </div>
36         <script>
37             var elements = document.getElementById('test').getElementsByTagName('div');
38             shouldBe('elements[0].getBoundingClientRect().top', 'elements[1].getBoundingClientRect().top');
39         </script>
40     </body>
41 </html>