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

   1 <!DOCTYPE html>
   2 <style>
   3     .columns {
   4         border: 2px solid black;
   5         overflow: auto;
   6         line-height: 20px;
   7     }
   8     .column1, .column2 {
   9         width: calc(50% - 10px);
  10         float: left;
  11     }
  12     .column1 {
  13         margin-right: 20px;
  14     }
  15     img {
  16         float: left;
  17         height: 320px;
  18         width: 150px;
  19         background-color: green;
  20         display: block;
  21     }
  22 </style>
  23 <p>There should be a green rectangle in the second column.</p>
  24 <div class="columns">
  25     <div class="column1">
  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     </div>
  37     <div class="column2">
  38         <img>
  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         This is some text.<br>
  51         This is some text.<br>
  52         This is some text.<br>
  53         This is some text.<br>
  54         This is some text.<br>
  55         This is some text.<br>
  56         This is some text.<br>
  57         This is some text.<br>
  58         This is some text.<br>
  59         This is some text.<br>
  60         This is some text.<br>
  61         This is some text.<br>
  62         This is some text.<br>
  63         This is some text.<br>
  64     </div>
  65 </div>