Make color-filter affect caret-color
[WebKit-https.git] / LayoutTests / css3 / flexbox / inline-flex.html
1 <!DOCTYPE html>
2 <html>
3 <style>
4 #testcase > div {
5     height: 50px;
6     width: 50px;
7     background-color: green;
8     outline: 2px solid darkgreen;
9 }
10 #testcase > div > div {
11     flex: 1;
12 }
13 </style>
14 <script src="../../resources/testharness.js"></script>
15 <script src="../../resources/testharnessreport.js"></script>
16 <script src="../../resources/check-layout-th.js"></script>
17 <body onload="checkLayout('#testcase')">
18 <div id=log></div>
19 <p>This test passes if the three green boxes are on the same horizontal line.</p>
20
21 <div id="testcase" style="position: relative">
22 <div data-offset-y="0" data-offset-x="0" data-expected-width="50" data-expected-height="50" style="display: inline-block">
23 </div><div data-offset-y="0" data-offset-x="50" data-expected-width="50" data-expected-height="50" style="display: inline-flex;">
24     <div data-expected-width="25"></div>
25     <div data-expected-width="25"></div>
26 </div><div data-offset-y="0" data-offset-x="100" data-expected-width="50" data-expected-height="50" style="display: inline-block"></div>
27 </div>
28 </body>
29 </html>