| Index: LayoutTests/fast/multicol/vertical-lr/column-count-with-rules.html
|
| diff --git a/LayoutTests/fast/multicol/vertical-lr/column-count-with-rules.html b/LayoutTests/fast/multicol/vertical-lr/column-count-with-rules.html
|
| index bd93c060ef8cb68976b5c9323c73b6cd817bcc40..2a6d0d1904b3f46066a17baa632ce73032a39da1 100644
|
| --- a/LayoutTests/fast/multicol/vertical-lr/column-count-with-rules.html
|
| +++ b/LayoutTests/fast/multicol/vertical-lr/column-count-with-rules.html
|
| @@ -1,32 +1,50 @@
|
| -<body style="-webkit-writing-mode: vertical-lr">
|
| -<p style="-webkit-column-count:3; -webkit-column-rule:3px solid black; column-count:3; column-rule:3px solid black; column-fill:auto; width:100px;border:10px solid maroon; padding:20px;">
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -</p>
|
| +<!DOCTYPE html>
|
| +<style>
|
| + body {
|
| + -webkit-writing-mode: vertical-lr;
|
| + }
|
| + .columns {
|
| + -webkit-column-count: 3;
|
| + -webkit-column-rule: 2px solid black;
|
| + -webkit-column-gap: 20px;
|
| + column-count: 3;
|
| + column-rule: 2px solid black;
|
| + column-gap: 20px;
|
| + column-fill: auto;
|
| + height: 340px;
|
| + width: 100px;
|
| + padding: 20px;
|
| + border: 10px solid maroon;
|
| + margin-right: 1em;
|
| + line-height: 20px;
|
| + }
|
| +</style>
|
| +<div class="columns">
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| +</div>
|
|
|
| -<p style="-webkit-column-count:3; -webkit-column-rule:3px solid black; column-count:3; column-rule:3px solid black; column-fill:auto; width:100px;border:10px solid maroon; padding:20px; direction:rtl">
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -This is some column text.<br>
|
| -</p>
|
| +<div class="columns" style="direction:rtl;">
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| + Column text.<br>
|
| +</div>
|
|
|