3 <link href=
"resources/flexbox.css" rel=
"stylesheet">
5 .container::first-letter { line-height:
100px; }
6 .flexboxFirstLetter::first-letter { line-height:
200px; }
7 p { line-height:
20px; }
10 <script src=
"../../resources/check-layout.js"></script>
11 <body onload=
"checkLayout('.container')">
12 <p>This test flex item should ignore container's firstLetter pseudo element.
</p>
14 <div class=
"container">
15 <div class=
"flexbox flexboxFirstLetter">
16 <p data-expected-height=
20>The first item.
</p>
17 <p data-expected-height=
20>The second item.
</p>
19 <p data-expected-height=
100>Out of flex.
</p>
22 <div class=
"container">
24 <p data-expected-height=
20>The first item.
</p>
25 <p data-expected-height=
20>The second item.
</p>
27 <p data-expected-height=
100>Out of flex.
</p>