3 <link href="resources/grid.css" rel="stylesheet">
5 body { line-height: 20px; }
6 .grid-first-line::first-line { line-height: 100px; }
7 .container::first-line { line-height: 200px; }
10 <script src="../../resources/check-layout.js"></script>
11 <body onload="checkLayout('.grid,.inline-grid');">
12 <p>This test grid item should ignore grid container's first-line pseudo-element.</p>
14 <div class="grid grid-first-line">
15 <div class="item" data-expected-height=20>The first item.</div>
16 <div class="item" data-expected-height=20>The second item.</div>
19 <div class="inline-grid grid-first-line">
20 <div class="item" data-expected-height=20>The first item.</div>
21 <div class="item" data-expected-height=20>The second item.</div>
24 <div class="grid grid-first-line" data-expected-height=20>
28 <div class="inline-grid grid-first-line" data-expected-height=20>
32 <div class="container">
33 <div class="grid grid-first-line">
34 <div class="item" data-expected-height=20>The first item.</div>
35 <div class="item" data-expected-height=20>The second item.</div>
39 <div class="container">
40 <div class="inline-grid grid-first-line">
41 <div class="item" data-expected-height=20>The first item.</div>
42 <div class="item" data-expected-height=20>The second item.</div>
46 <div class="container">
47 <div class="grid grid-first-line" data-expected-height=20>
52 <div class="container">
53 <div class="inline-grid grid-first-line" data-expected-height=20>
58 <div class="container">
60 <div class="item" data-expected-height=20>The first item.</div>
61 <div class="item" data-expected-height=20>The second item.</div>
65 <div class="container">
66 <div class="inline-grid">
67 <div class="item" data-expected-height=20>The first item.</div>
68 <div class="item" data-expected-height=20>The second item.</div>
72 <div class="container">
73 <div class="grid" data-expected-height=20>
78 <div class="container">
79 <div class="inline-grid" data-expected-height=20>