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

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         -webkit-writing-mode: vertical-lr;
   5     }
   6     .columns {
   7         -webkit-columns: 2;
   8         -webkit-column-gap: 0;
   9         column-fill: auto;
  10         border: 2px solid black;
  11         width: 400px;
  12         line-height: 20px;
  13     }
  14     .big {
  15         font-size: 128px;
  16         line-height: 154px;
  17     }
  18     .left { float: left; }
  19 </style>
  20 <div class="columns">
  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     This is some text.<br>
  35     This is some text.<br>
  36     <p>
  37         <span class="big left">T</span>his 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         This is some text.<br>
  49         This is some text.<br>
  50     </p>
  51 </div>