Index: LayoutTests/fast/multicol/vertical-lr/column-break-with-balancing.html |
diff --git a/LayoutTests/fast/multicol/vertical-lr/column-break-with-balancing.html b/LayoutTests/fast/multicol/vertical-lr/column-break-with-balancing.html |
index e1b5d24c1b5ded26ad5a2bf89785fa3b7e8f8c4d..686e2bd9cc208261d7c5de625ef1cc4306d96356 100644 |
--- a/LayoutTests/fast/multicol/vertical-lr/column-break-with-balancing.html |
+++ b/LayoutTests/fast/multicol/vertical-lr/column-break-with-balancing.html |
@@ -1,68 +1,51 @@ |
-<html style="-webkit-writing-mode:vertical-lr"> |
-<body style="overflow: hidden;"> |
-<div style="-webkit-column-count:2; border:5px solid blue"> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
- |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
- |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
- |
-<div style="-webkit-column-break-before: always"> |
-This text should be in the second column.<br> |
-This text should be in the second column.<br> |
-This text should be in the second column.<br> |
-This text should be in the second column.<br> |
+<!DOCTYPE html> |
+<style> |
+ body { |
+ -webkit-writing-mode: vertical-lr; |
+ } |
+ .columns { |
+ height: 400px; |
+ width: 200px; |
+ -webkit-column-width: 200px; |
+ -webkit-column-gap: 0; |
+ border: 5px solid blue; |
+ margin-right: 1em; |
+ line-height: 20px; |
+ } |
+</style> |
+<div class="columns"> |
+ First column<br> |
+ First column<br> |
+ First column<br> |
+ First column<br> |
+ First column<br> |
+ First column<br> |
+ First column<br> |
+ First column<br> |
+ First column<br> |
+ First column<br> |
+ <div style="-webkit-column-break-before: always"> |
+ Second column<br> |
+ Second column<br> |
+ Second column<br> |
+ Second column<br> |
+ </div> |
</div> |
+<div class="columns"> |
+ First column<br> |
+ First column<br> |
+ First column<br> |
+ First column<br> |
+ <div style="-webkit-column-break-before: always"> |
+ Second column<br> |
+ Second column<br> |
+ Second column<br> |
+ Second column<br> |
+ Second column<br> |
+ Second column<br> |
+ Second column<br> |
+ Second column<br> |
+ Second column<br> |
+ Second column<br> |
+ </div> |
</div> |
- |
-<div style="-webkit-margin-before:1em; -webkit-column-count:2; border:5px solid blue"> |
- |
-This text should be in the first column.<br> |
-This text should be in the first column.<br> |
-This text should be in the first column.<br> |
-This text should be in the first column.<br> |
- |
-<div style="-webkit-column-break-before: always"> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
- |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
- |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-This is some text.<br> |
-</div> |
-</body> |