3 <title>CSS Grid Layout Test: '::first-line' is valid in grid items
</title>
4 <link rel=
"author" title=
"Manuel Rego Casasnovas" href=
"mailto:rego@igalia.com">
5 <link rel=
"help" href=
"http://www.w3.org/TR/css-grid-1/#grid-containers">
6 <link rel=
"help" href=
"http://www.w3.org/TR/css3-selectors/#first-formatted-line">
7 <meta name=
"assert" content=
"The test checks that grid items accept first-line pseudo-element.">
8 <link href=
"support/grid.css" rel=
"stylesheet">
10 .item::first-line { line-height:
100px; }
12 <script src=
"/resources/testharness.js"></script>
13 <script src=
"/resources/testharnessreport.js"></script>
14 <script src=
"/resources/check-layout-th.js"></script>
16 <body onload=
"checkLayout('.grid,.inline-grid');">
21 <div class=
"item" data-expected-height=
100>The first item.
</div>
22 <div class=
"item" data-expected-height=
100>The second item.
</div>
25 <div class=
"inline-grid">
26 <div class=
"item" data-expected-height=
100>The first item.
</div>
27 <div class=
"item" data-expected-height=
100>The second item.
</div>