Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / css3 / flexbox / flexbox-ignore-container-firstLetter.html
blob6002a6ee8cc408582f7fecc37f2a4a857a294810
1 <!DOCTYPE html>
2 <html>
3 <link href="resources/flexbox.css" rel="stylesheet">
4 <style>
5 .container::first-letter { line-height: 100px; }
6 .flexboxFirstLetter::first-letter { line-height: 200px; }
7 p { line-height: 20px; }
8 </style>
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>
18 </div>
19 <p data-expected-height=100>Out of flex.</p>
20 </div>
22 <div class="container">
23 <div class="flexbox">
24 <p data-expected-height=20>The first item.</p>
25 <p data-expected-height=20>The second item.</p>
26 </div>
27 <p data-expected-height=100>Out of flex.</p>
28 </div>
29 </body>
30 </html>