OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script> | |
5 if (window.testRunner) | |
6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | |
7 </script> | |
8 <style> | 4 <style> |
9 span { width: 100px; height: 100px; } | 5 span { width: 100px; height: 100px; } |
10 .grid { display: grid; background-color: green; } | 6 .grid { display: grid; background-color: green; } |
11 .inline-grid { display: inline-grid; background-color: green; } | 7 .inline-grid { display: inline-grid; background-color: green; } |
12 </style> | 8 </style> |
13 </head> | 9 </head> |
14 <body> | 10 <body> |
15 <p>In this paragraph <span class="grid" style="float:left"></span> there should
be <span class="grid" style="float:right"></span> | 11 <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. T
hey should both be empty.</p> | 12 two empty grids. One will float to the left and one will float to the right. T
hey should both be empty.</p> |
17 <br clear=all> | 13 <br clear=all> |
18 <p>This grid should be positioned to the right. <span class="grid" style="positi
on:absolute;right:8px"></span></p> | 14 <p>This grid should be positioned to the right. <span class="grid" style="positi
on:absolute;right:8px"></span></p> |
19 | 15 |
20 <p style="margin-top:115px"> | 16 <p style="margin-top:115px"> |
21 <span style="float:left;background-color:orange"></span><span class="inline-grid
"></span> The green grid | 17 <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. | 18 should be to the right of the floating orange box. |
23 </p> | 19 </p> |
OLD | NEW |