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

   1 <!DOCTYPE html>
   2 <style>
   3     .columns {
   4         height: 300px;
   5         border: 2px solid black;
   6         line-height: 20px;
   7     }
   8     .dashed {
   9         border: 10px dashed maroon;
  10         width: 50%;
  11         float: left;
  12         box-sizing: border-box;
  13     }
  14     img {
  15         float: right;
  16         width: 100px;
  17         height: 200px;
  18         background-color: #cccccc;
  19         margin-right: 10px;
  20     }
  21 </style>
  22 <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
  23 block). The complete dashed border should be in the first column, with none of it appearing in the second column.</p>
  24 <div class="columns">
  25     <div class="dashed">
  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         This is some text.<br>This is some text.<br>This is some text.<br>
  30     </div>
  31     <img>
  32 </div>