third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/float-break.html

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         -webkit-writing-mode: vertical-rl;
   5     }
   6     .multicol {
   7         height: 500px;
   8         width: 200px;
   9         border: 3px solid black;
  10         -webkit-column-gap: 10px;
  11         -webkit-column-count: 3;
  12         line-height: 20px;
  13     }
  14     .left, .right {
  15         padding: 10px 0;
  16         height: 40px;
  17         text-align: center;
  18         box-sizing: border-box;
  19     }
  20     .left { float: left; }
  21     .right { float: right; }
  22     .tall { width: 220px; }
  23     .xtall { width: 420px; }
  24     .blue1 { background-color: skyblue; }
  25     .blue2 { background-color: dodgerblue; }
  26     .blue3 { background-color: steelblue; }
  27 </style>
  28 <div class="multicol">
  29     First<br>
  30     First<br>
  31     <div class="right tall blue1">F2</div>
  32     First<br>
  33     First<br>
  34     <div class="left xtall blue2">F1</div>
  35     First<br>
  36     First<br>
  37     First<br>
  38     First<br>
  39     First<br>
  40     First<br>
  41
  42     Second<br>
  43     Second<br>
  44     <div class="left tall blue3">F3</div>
  45     Second<br>
  46     Second<br>
  47     Second<br>
  48     Second<br>
  49     Second<br>
  50     Second<br>
  51     Second<br>
  52
  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     Third<br>
  62     Third<br>
  63 </div>