LayoutTests/fast/css-grid-layout/grid-item-first-letter-valid.html

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