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

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