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

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         -webkit-writing-mode: vertical-lr;
   5     }
   6     .columns {
   7         -webkit-column-count: 3;
   8         -webkit-column-rule: 2px solid black;
   9         -webkit-column-gap: 20px;
  10         column-count: 3;
  11         column-rule: 2px solid black;
  12         column-gap: 20px;
  13         column-fill: auto;
  14         height: 340px;
  15         width: 100px;
  16         padding: 20px;
  17         border: 10px solid maroon;
  18         margin-right: 1em;
  19         line-height: 20px;
  20     }
  21 </style>
  22 <div class="columns">
  23     Column text.<br>
  24     Column text.<br>
  25     Column text.<br>
  26     Column text.<br>
  27     Column text.<br>
  28     Column text.<br>
  29     Column text.<br>
  30     Column text.<br>
  31     Column text.<br>
  32     Column text.<br>
  33     Column text.<br>
  34     Column text.<br>
  35 </div>
  36
  37 <div class="columns" style="direction:rtl;">
  38     Column text.<br>
  39     Column text.<br>
  40     Column text.<br>
  41     Column text.<br>
  42     Column text.<br>
  43     Column text.<br>
  44     Column text.<br>
  45     Column text.<br>
  46     Column text.<br>
  47     Column text.<br>
  48     Column text.<br>
  49     Column text.<br>
  50 </div>