third_party/WebKit/LayoutTests/fast/multicol/float-big-line.html

   1 <!DOCTYPE html>
   2 <style>
   3     .columns {
   4         -webkit-columns: 2;
   5         -webkit-column-gap: 0;
   6         column-fill: auto;
   7         border: 2px solid black;
   8         height: 400px;
   9         line-height: 20px;
  10     }
  11     .big {
  12         font-size: 128px;
  13         line-height: 154px;
  14     }
  15     .left { float: left; }
  16 </style>
  17 <p>There should be a big T in the second column.</p>
  18 <div class="columns">
  19     This is some text.<br>
  20     This is some text.<br>
  21     This is some text.<br>
  22     This is some text.<br>
  23     This is some text.<br>
  24     This is some text.<br>
  25     This is some text.<br>
  26     This is some text.<br>
  27     This is some text.<br>
  28     This is some text.<br>
  29     This is some text.<br>
  30     This is some text.<br>
  31     This is some text.<br>
  32     This is some text.<br>
  33     This is some text.<br>
  34     <p>
  35         <span class="big left">T</span>his is some text.<br>
  36         This is some text.<br>
  37         This is some text.<br>
  38         This is some text.<br>
  39         This is some text.<br>
  40         This is some text.<br>
  41         This is some text.<br>
  42         This is some text.<br>
  43         This is some text.<br>
  44         This is some text.<br>
  45         This is some text.<br>
  46         This is some text.<br>
  47         This is some text.<br>
  48     </p>
  49 </div>