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