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

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         -webkit-writing-mode: vertical-lr;
   5     }
   6     .multicol {
   7         height: 330px;
   8         width: 200px;
   9         border: 3px solid #bbb;
  10         -webkit-column-gap: 10px;
  11         -webkit-column-count: 2;
  12         line-height: 20px;
  13     }
  14     .left, .right {
  15         padding: 5px 5px;
  16         background-color: steelblue;
  17     }
  18     .float_content {
  19         background-color: skyblue;
  20     }
  21     .left { float: left; }
  22     .right { float: right; }
  23 </style>
  24 <div class="multicol">
  25     First<br>
  26     First<br>
  27     First<br>
  28     First<br>
  29     <div class="left">
  30         <span class="float_content">
  31             left1<br>
  32             left2<br>
  33             left3<br>
  34             left4<br>
  35             left5<br>
  36             left6<br>
  37             left7<br>
  38         </span>
  39     </div>
  40     <div class="right">
  41         <span class="float_content">
  42             right1<br>
  43             right2<br>
  44             right3<br>
  45             right4<br>
  46             right5<br>
  47             right6<br>
  48             right7<br>
  49         </span>
  50     </div>
  51     First<br>
  52     First<br>
  53     First<br>
  54     First<br>
  55     First<br>
  56     First<br>
  57
  58
  59     Second<br>
  60     Second<br>
  61     Second<br>
  62     Second<br>
  63     Second<br>
  64     Second<br>
  65     Second<br>
  66     Second<br>
  67     Second<br>
  68     Second<br>
  69 </div>