Import the css-display-3 css tests.
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-display-3 / display-contents-inline-flex-001.html
1 <!DOCTYPE html>
2 <meta charset="utf-8">
3 <title>CSS Test: CSS display: contents in inline-flex layout</title>
4 <!--  Imported from: https://bugzilla.mozilla.org/show_bug.cgi?id=907396  -->
5 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
6 <link rel="author" title="Emilio Cobos Ãlvarez" href="mailto:ecobos@igalia.com">
7 <link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-contents">
8 <link rel="match" href="display-contents-inline-flex-001-ref.html">
9 <link rel="stylesheet" href="support/acid.css">
10 <div style="color: red">
11   <div class="iflex"><div class="contents c2">
12   0
13   </div></div>
14   <div class="iflex"><div class="contents c2">
15   0
16   <div class="contents c1">1</div>
17   2
18   </div></div>
19   <div class="iflex"><div class="contents c2">
20   0
21   <div class="c1">1</div>
22   2
23   </div></div>
24   <div class="iflex c3">
25   0
26   <div class="contents c2"><div class="c1">1</div></div>
27   2
28   </div>
29   <div class="iflex c3">
30   <div class="contents c2">0</div>
31   <div class="contents c2"><div class="c1">1</div></div>
32   <div class="contents c2">2</div>
33   </div>
34   <div class="iflex c3">
35   <div class="inline">0</div>
36   <div class="contents"><div class="inline c1">1</div></div>
37   <div class="inline">2</div>
38   </div>
39 </div>