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

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         -webkit-writing-mode: vertical-lr;
   5     }
   6     .columns {
   7         height: 400px;
   8         width: 200px;
   9         -webkit-column-width: 200px;
  10         -webkit-column-gap: 0;
  11         border: 5px solid blue;
  12         margin-right: 1em;
  13         line-height: 20px;
  14     }
  15 </style>
  16 <div class="columns">
  17     First column<br>
  18     First column<br>
  19     First column<br>
  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     <div style="-webkit-column-break-before: always">
  28         Second column<br>
  29         Second column<br>
  30         Second column<br>
  31         Second column<br>
  32     </div>
  33 </div>
  34 <div class="columns">
  35     First column<br>
  36     First column<br>
  37     First column<br>
  38     First column<br>
  39     <div style="-webkit-column-break-before: always">
  40         Second column<br>
  41         Second column<br>
  42         Second column<br>
  43         Second column<br>
  44         Second column<br>
  45         Second column<br>
  46         Second column<br>
  47         Second column<br>
  48         Second column<br>
  49         Second column<br>
  50     </div>
  51 </div>