| testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |
| span { width: 100px; height: 100px; } |
| .grid { display: -webkit-grid; background-color: green; } |
| .inline-grid { display: -webkit-inline-grid; background-color: green; } |
| <p>In this paragraph <span class="grid" style="float:left"></span> there should be <span class="grid" style="float:right"></span> |
| two empty grids. One will float to the left and one will float to the right. They should both be empty.</p> |
| <p>This grid should be positioned to the right. <span class="grid" style="position:absolute;right:8px"></span></p> |
| <p style="margin-top:115px"> |
| <span style="float:left;background-color:orange"></span><span class="inline-grid"></span> The green grid |
| should be to the right of the floating orange box. |