Index: LayoutTests/fast/multicol/vertical-lr/float-break-expected.html |
diff --git a/LayoutTests/fast/multicol/vertical-lr/float-break-expected.html b/LayoutTests/fast/multicol/vertical-lr/float-break-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c82af2a5f9214a5d06340a220e50f9d11fae1365 |
--- /dev/null |
+++ b/LayoutTests/fast/multicol/vertical-lr/float-break-expected.html |
@@ -0,0 +1,89 @@ |
+<!DOCTYPE html> |
+<style> |
+ body { |
+ -webkit-writing-mode: vertical-lr; |
+ } |
+ .multicol { |
+ height: 500px; |
+ width: 200px; |
+ border: 3px solid black; |
+ line-height: 20px; |
+ } |
+ .left, .right { |
+ padding: 10px 0; |
+ height: 40px; |
+ text-align: center; |
+ box-sizing: border-box; |
+ } |
+ .left { float: left; } |
+ .right { float: right; } |
+ |
+ .blue1 { background-color: skyblue; } |
+ .blue2 { background-color: dodgerblue; } |
+ .blue3 { background-color: steelblue; } |
+ |
+ .column1, .column2, .column3 { |
+ float: left; |
+ height: 160px; |
+ } |
+ .column1, .column2 { |
+ margin-bottom: 10px; |
+ } |
+ |
+ .column1 > .f1 { width: 120px; } |
+ .column1 > .f2 { width: 160px; } |
+ |
+ .column2 > .f1 { width: 200px; } |
+ .column2 > .f2 { width: 60px; } |
+ .column2 > .f3 { width: 160px; } |
+ |
+ .column3 > .f1 { width: 100px; } |
+ .column3 > .f3 { width: 60px; } |
+ |
+</style> |
+<div class="multicol"> |
+ <div class="column1"> |
+ First<br> |
+ First<br> |
+ <div class="right blue1 f2">F2</div> |
+ First<br> |
+ First<br> |
+ <div class="left blue2 f1">F1</div> |
+ First<br> |
+ First<br> |
+ First<br> |
+ First<br> |
+ First<br> |
+ First<br> |
+ </div> |
+ |
+ <div class="column2"> |
+ <div class="right blue1 f2"></div> |
+ <div class="left blue2 f1"></div> |
+ Second<br> |
+ Second<br> |
+ <div class="left blue3 f3">F3</div> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ </div> |
+ |
+ <div class="column3"> |
+ <div class="left blue2 f1"></div> |
+ <div class="left blue3 f3"></div> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ </div> |
+</div> |