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>