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