Index: LayoutTests/fast/multicol/vertical-rl/column-break-with-balancing.html |
diff --git a/LayoutTests/fast/multicol/vertical-rl/column-break-with-balancing.html b/LayoutTests/fast/multicol/vertical-rl/column-break-with-balancing.html |
index d972613dcd625aaffa658e7191e439c3a65d606f..e9998cba17036b1199bbfcf07da77bf2fccaec2e 100644 |
--- a/LayoutTests/fast/multicol/vertical-rl/column-break-with-balancing.html |
+++ b/LayoutTests/fast/multicol/vertical-rl/column-break-with-balancing.html |
@@ -1,66 +1,51 @@ |
-<html style="-webkit-writing-mode:vertical-rl; 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-rl; |
+ } |
+ .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> |
- |
-<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 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> |