third_party/WebKit/LayoutTests/css3/flexbox/flex-item-firstLine-valid.html

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