src/third_party/WebKit/LayoutTests/fast/multicol/vertical-lr/column-break-with-balancing-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         -webkit-writing-mode: vertical-lr;
   5     }
   6     .columns {
   7         width: 200px;
   8         height: 400px;
   9         border: 5px solid blue;
  10         margin-right: 1em;
  11         line-height: 20px;
  12     }
  13     .column {
  14         float: left;
  15         height: 200px;
  16     }
  17 </style>
  18 <div class="columns">
  19     <div class="column">
  20         First column<br>
  21         First column<br>
  22         First column<br>
  23         First column<br>
  24         First column<br>
  25         First column<br>
  26         First column<br>
  27         First column<br>
  28         First column<br>
  29         First column<br>
  30     </div>
  31     <div class="column">
  32         Second column<br>
  33         Second column<br>
  34         Second column<br>
  35         Second column<br>
  36     </div>
  37 </div>
  38 <div class="columns">
  39     <div class="column">
  40         First column<br>
  41         First column<br>
  42         First column<br>
  43         First column<br>
  44     </div>
  45     <div class="column">
  46         Second column<br>
  47         Second column<br>
  48         Second column<br>
  49         Second column<br>
  50         Second column<br>
  51         Second column<br>
  52         Second column<br>
  53         Second column<br>
  54         Second column<br>
  55         Second column<br>
  56     </div>
  57 </div>