| Index: LayoutTests/css3/flexbox/mozilla/flexbox-items-as-stacking-contexts-2-expected.html
|
| diff --git a/LayoutTests/css3/flexbox/mozilla/flexbox-items-as-stacking-contexts-2-expected.html b/LayoutTests/css3/flexbox/mozilla/flexbox-items-as-stacking-contexts-2-expected.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..c3f15958d97e4c3bc38e1742fc7891638c1607df
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/flexbox/mozilla/flexbox-items-as-stacking-contexts-2-expected.html
|
| @@ -0,0 +1,64 @@
|
| +<!DOCTYPE html>
|
| +<!--
|
| + Any copyright is dedicated to the Public Domain.
|
| + http://creativecommons.org/publicdomain/zero/1.0/
|
| +-->
|
| +<html>
|
| +<head>
|
| + <style>
|
| + body { font: 10px sans-serif }
|
| + .flexContainer {
|
| + background: orange;
|
| + width: 70px;
|
| + padding: 2px;
|
| + margin-bottom: 2px;
|
| + }
|
| +
|
| + .flexContainer > div:first-child {
|
| + margin-right: 10px; /* the space between the flex items, in testcase */
|
| + }
|
| +
|
| + .item1 {
|
| + display: inline-block;
|
| + background: lightblue;
|
| + width: 30px;
|
| + }
|
| + .item2 {
|
| + display: inline-block;
|
| + background: yellow;
|
| + width: 30px;
|
| + }
|
| + </style>
|
| +</head>
|
| +<body>
|
| + <div class="flexContainer"
|
| + ><div class="item1">ThisIsALongUnbrokenString</div
|
| + ><div class="item2">HereIsSomeMoreLongText</div
|
| + ></div>
|
| +
|
| + <div class="flexContainer"
|
| + ><div class="item1" style="position:relative">ThisIsALongUnbrokenString</div
|
| + ><div class="item2">HereIsSomeMoreLongText</div
|
| + ></div>
|
| +
|
| + <div class="flexContainer"
|
| + ><div class="item1" style="position:relative">ThisIsALongUnbrokenString</div
|
| + ><div class="item2">HereIsSomeMoreLongText</div
|
| + ></div>
|
| +
|
| + <div class="flexContainer"
|
| + ><div class="item2">HereIsSomeMoreLongText</div
|
| + ><div class="item1">ThisIsALongUnbrokenString</div
|
| + ></div>
|
| +
|
| + <div class="flexContainer"
|
| + ><div class="item2">HereIsSomeMoreLongText</div
|
| + ><div class="item1">ThisIsALongUnbrokenString</div
|
| + ></div>
|
| +
|
| + <div class="flexContainer"
|
| + ><div class="item2" style="position:relative">HereIsSomeMoreLongText</div
|
| + ><div class="item1">ThisIsALongUnbrokenString</div
|
| + ></div>
|
| +</body>
|
| +</html>
|
|
|