third_party/WebKit/LayoutTests/fast/multicol/vertical-lr/column-rules-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         -webkit-writing-mode: vertical-lr;
   5     }
   6     .multicol {
   7         height: 470px;
   8         float: left;
   9         padding: 10 0px;
  10         border: 5px solid black;
  11         line-height: 20px;
  12     }
  13     .column {
  14         float: left;
  15         height: 150px;
  16     }
  17     .rule {
  18         float: left;
  19         height: 4px;
  20         width: 200px;
  21         background-color: maroon;
  22         margin: 3px 0;
  23     }
  24 </style>
  25 <div class="multicol">
  26     <div class="column">
  27         Line 1<br>
  28         Line 2<br>
  29         Line 3<br>
  30         Line 4<br>
  31         Line 5<br>
  32         Line 6<br>
  33         Line 7<br>
  34         Line 8<br>
  35         Line 9<br>
  36         Line 10<br>
  37     </div>
  38     <div class="rule"></div>
  39     <div class="column">
  40         Line 11<br>
  41         Line 12<br>
  42         Line 13<br>
  43         Line 14<br>
  44         Line 15<br>
  45         Line 16<br>
  46         Line 17<br>
  47         Line 18<br>
  48         Line 19<br>
  49         Line 20<br>
  50     </div>
  51     <div class="rule"></div>
  52     <div class="column">
  53         Line 21<br>
  54         Line 22<br>
  55         Line 23<br>
  56         Line 24<br>
  57         Line 25<br>
  58         Line 26<br>
  59         Line 27<br>
  60         Line 28<br>
  61         Line 29<br>
  62         Line 30<br>
  63     </div>
  64 </div>