OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <link href="resources/grid.css" rel="stylesheet"> | 3 <link href="resources/grid.css" rel="stylesheet"> |
4 <style> | 4 <style> |
5 .item::first-line { line-height: 100px; } | 5 .item::first-letter { line-height: 100px; } |
6 </style> | 6 </style> |
7 | 7 |
8 <script src="../../resources/check-layout.js"></script> | 8 <script src="../../resources/check-layout.js"></script> |
9 <body onload="checkLayout('.grid'); checkLayout('.inline-grid');"> | 9 <body onload="checkLayout('.grid'); checkLayout('.inline-grid');"> |
10 <p>This test grid item's first-line pseudo-element should be valid.</p> | 10 <p>This test grid item's first-letter pseudo-element should be valid.</p> |
11 | 11 |
12 <div class="grid"> | 12 <div class="grid"> |
13 <div class="item" data-expected-height=100>The first item.</div> | 13 <div class="item" data-expected-height=100>The first item.</div> |
14 <div class="item" data-expected-height=100>The second item.</div> | 14 <div class="item" data-expected-height=100>The second item.</div> |
15 </div> | 15 </div> |
16 | 16 |
17 <div class="inline-grid"> | 17 <div class="inline-grid"> |
18 <div class="item" data-expected-height=100>The first item.</div> | 18 <div class="item" data-expected-height=100>The first item.</div> |
19 <div class="item" data-expected-height=100>The second item.</div> | 19 <div class="item" data-expected-height=100>The second item.</div> |
20 </div> | 20 </div> |
21 | 21 |
22 </body> | 22 </body> |
23 </html> | 23 </html> |
OLD | NEW |