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

   1 <!DOCTYPE html>
   2 <style>
   3     .columns {
   4         width: 400px;
   5         height: 200px;
   6         -webkit-column-width: 200px;
   7         -webkit-column-gap: 0;
   8         border: 5px solid blue;
   9         margin-bottom: 1em;
  10         line-height: 20px;
  11     }
  12 </style>
  13 <div class="columns">
  14     First column<br>
  15     First column<br>
  16     First column<br>
  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     <div style="-webkit-column-break-before: always">
  25         Second column<br>
  26         Second column<br>
  27         Second column<br>
  28         Second column<br>
  29     </div>
  30 </div>
  31 <div class="columns">
  32     First column<br>
  33     First column<br>
  34     First column<br>
  35     First column<br>
  36     <div style="-webkit-column-break-before: always">
  37         Second column<br>
  38         Second column<br>
  39         Second column<br>
  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     </div>
  48 </div>