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> |