src/third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/float-edge-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         -webkit-writing-mode: vertical-rl;
   5     }
   6     .multicol {
   7         height: 480px;
   8         width: 200px;
   9         border: 3px solid black;
  10         line-height: 20px;
  11     }
  12     .column {
  13         float: left;
  14         height: 160px;
  15     }
  16     .float {
  17         padding: 10px;
  18         background-color: skyblue;
  19     }
  20     .left { float: left; }
  21     .right { float: right; }
  22 </style>
  23 <div class="multicol">
  24     <div class="column">
  25         First<br>
  26         First<br>
  27         First<br>
  28         First<br>
  29         <div class="float left">L1</div>
  30         <div class="float right">R1</div>
  31         First<br>
  32         First<br>
  33         First<br>
  34         First<br>
  35         First<br>
  36         First<br>
  37     </div>
  38     <div class="column">
  39         <div class="float left">L2</div>
  40         <div class="float right">R2</div>
  41         Second<br>
  42         Second<br>
  43         Second<br>
  44         Second<br>
  45         Second<br>
  46         Second<br>
  47         Second<br>
  48         Second<br>
  49         Second<br>
  50         Second<br>
  51     </div>
  52     <div class="column">
  53         Third<br>
  54         Third<br>
  55         Third<br>
  56         Third<br>
  57         Third<br>
  58         Third<br>
  59         Third<br>
  60         Third<br>
  61         <div class="float left">L3</div>
  62         <div class="float right">R3</div>
  63         Third<br>
  64         Third<br>
  65     </div>
  66 </div>