third_party/WebKit/LayoutTests/fast/css-grid-layout/floating-empty-grids-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         span { width: 100px; height: 100px; }
   6         /* A grid is a block by default. */
   7         .grid { display: block; background-color: green; }
   8         .inline-grid { display: inline-block; background-color: green; }
   9     </style>
  10 </head>
  11 <body>
  12 <p>In this paragraph <span class="grid" style="float:left"></span> there should be <span class="grid" style="float:right"></span>
  13 two empty grids.  One will float to the left and one will float to the right.  They should both be empty.</p>
  14 <br clear=all>
  15 <p>This grid should be positioned to the right. <span class="grid" style="position:absolute;right:8px;"></span></p>
  16
  17 <p style="margin-top:115px">
  18 <span style="float:left;background-color:orange"></span><span class="inline-grid"></span> The green grid
  19 should be to the right of the floating orange box.
  20 </p>