third_party/WebKit/LayoutTests/css3/flexbox/flexbox-ignore-firstLetter.html

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