src/third_party/WebKit/LayoutTests/fast/multicol/positioned-split.html

   1 <!DOCTYPE html>
   2 <style>
   3     .columns {
   4         -webkit-column-count: 2;
   5         -webkit-column-gap: 0;
   6         column-fill: auto;
   7         border: 2px solid black;
   8         height: 300px;
   9         line-height: 20px;
  10     }
  11     .relative {
  12         height: 250px;
  13         position: relative;
  14     }
  15     .absolute {
  16         position: absolute;
  17         width: 300px;
  18         background-color: lightgray;
  19     }
  20 </style>
  21 <div class="columns">
  22     <div style="height: 250px"></div>
  23     <div class="relative">
  24         <div class="absolute">
  25             This text should be in the first column.<br>
  26             This text should be in the first column.<br>
  27             This text should be in the second column.<br>
  28             This text should be in the second column.<br>
  29             This text should be in the second column.<br>
  30             This text should be in the second column.<br>
  31         </div>
  32     </div>
  33 </div>