Fix the CSS grid layout tests added in r120984
[WebKit.git] / LayoutTests / fast / css-grid-layout / floating-empty-grids.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <script>
5         if (window.testRunner)
6             testRunner.overridePreference("WebKitCSSGridLayoutEnabled", true);
7     </script>
8     <style>
9         span { width: 100px; height: 100px; }
10         .grid { display: -webkit-grid; background-color: green; }
11         .inline-grid { display: -webkit-inline-grid; background-color: green; }
12     </style>
13 </head>
14 <body>
15 <p>In this paragraph <span class="grid" style="float:left"></span> there should be <span class="grid" style="float:right"></span>
16 two empty grids.  One will float to the left and one will float to the right.  They should both be empty.</p>
17 <br clear=all>
18 <p>This grid should be positioned to the right. <span class="grid" style="position:absolute;right:8px"></span></p>
19
20 <p style="margin-top:115px">
21 <span style="float:left;background-color:orange"></span><span class="inline-grid"></span> The green grid
22 should be to the right of the floating orange box.
23 </p>