grid-item-accepts-first-letter-001.html (1135B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: '::first-letter' 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-letter"> 7 <meta name="assert" content="The test checks that grid items accept first-letter pseudo-element."> 8 <link href="/css/support/grid.css" rel="stylesheet"> 9 <style> 10 .item::first-letter { line-height: 100px; } 11 </style> 12 <script src="/resources/testharness.js"></script> 13 <script src="/resources/testharnessreport.js"></script> 14 <script src="/resources/check-layout-th.js"></script> 15 16 <body onload="checkLayout('.grid,.inline-grid');"> 17 18 <div id="log"></div> 19 20 <div class="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> 23 </div> 24 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> 28 </div> 29 30 </body>