third_party/WebKit/LayoutTests/fast/multicol/float-paginate-empty-lines.html

   1 <!DOCTYPE html>
   2 <style>
   3     .columns {
   4         -webkit-column-count: 2;
   5         -webkit-column-gap: 0px;
   6         column-fill: auto;
   7         height: 300px;
   8         border: 2px solid black;
   9         line-height: 20px;
  10     }
  11     .dashed {
  12         border: 10px dashed maroon;
  13     }
  14     img {
  15         float: right;
  16         width: 100px;
  17         height: 200px;
  18         background-color: #cccccc;
  19     }
  20 </style>
  21 <p>This test is ensuring we don't grow the height of a block improperly when a float has no line association (e.g., when it's at the end of a
  22 block). The complete dashed border should be in the first column, with none of it appearing in the second column.</p>
  23 <div class="columns">
  24     <div class="dashed">
  25         This is some text.<br>This is some text.<br>This is some text.<br>
  26         This is some text.<br>This is some text.<br>This is some text.<br>
  27         This is some text.<br>This is some text.<br>This is some text.<br>
  28         This is some text.<br>This is some text.<br>This is some text.<br>
  29         <img>
  30     </div>
  31 </div>