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

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         -webkit-writing-mode: vertical-lr;
   5     }
   6     .columns {
   7         border: 2px solid black;
   8         overflow: auto;
   9         line-height: 20px;
  10     }
  11     .column1, .column2 {
  12         height: calc(50% - 10px);
  13         float: left;
  14     }
  15     .column1 {
  16         margin-bottom: 20px;
  17     }
  18     img {
  19         float: left;
  20         height: 150px;
  21         width: 320px;
  22         background-color: green;
  23         display: block;
  24     }
  25 </style>
  26 <div class="columns">
  27     <div class="column1">
  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         This is some text.<br>
  37         This is some text.<br>
  38     </div>
  39     <div class="column2">
  40         <img>
  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         This is some text.<br>
  65         This is some text.<br>
  66     </div>
  67 </div>