Index: third_party/WebKit/LayoutTests/fast/multicol/span/nested-multicol.html |
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/span/nested-multicol.html b/third_party/WebKit/LayoutTests/fast/multicol/span/nested-multicol.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..18fb9ce3318c411a42c3e1efa075c232fb7c99c7 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/multicol/span/nested-multicol.html |
@@ -0,0 +1,38 @@ |
+<!DOCTYPE html> |
+<style> |
+ .egg { background:yellow; } |
+ .egg::before { content:"egg"; } |
+ .sausage { background:brown; } |
+ .sausage::before { content:"sausage"; } |
+ .spam { background:hotpink; } |
+ .spam::before { content:"spam"; } |
+ .lobster { background:salmon; } |
+ .lobster::before { content:"lobster"; } |
+</style> |
+<p>Below there should be 4 rows of boxes. The boxes on each row should have the same color. |
+ Some boxes are expected to be wider than others.</p> |
+<div style="-webkit-columns:3; -webkit-column-gap:10px; width:620px; height:120px; line-height:30px; column-fill:auto;"> |
+ <div class="egg"></div> |
+ <div style="-webkit-columns:2; -webkit-column-gap:10px;"> |
+ <div class="sausage"></div> |
+ <div class="sausage"></div> |
+ <div style="-webkit-column-span:all;" class="spam"></div> |
+ <div class="lobster"></div> |
+ <div class="lobster"></div> |
+ <div class="egg"></div> |
+ <div class="sausage"></div> |
+ <div class="spam"></div> |
+ <div class="lobster"></div> |
+ <div class="egg"></div> |
+ <div class="sausage"></div> |
+ <div class="spam"></div> |
+ <div class="lobster"></div> |
+ <div class="egg"></div> |
+ <div class="sausage"></div> |
+ <div class="spam"></div> |
+ <div class="egg"></div> |
+ <div class="sausage"></div> |
+ <div class="spam"></div> |
+ </div> |
+ <div class="lobster"></div> |
+</div> |