third_party/WebKit/LayoutTests/fast/multicol/pageLogicalOffset-vertical.html

   1 <style>
   2     .container {
   3         background-color: lightblue;
   4         height: 200px;
   5         width: 100px;
   6         -webkit-columns: 2;
   7         -webkit-column-gap: 0;
   8         columns: 2;
   9         column-gap: 0;
  10         column-fill: auto;
  11         margin: 8px;
  12     }
  13
  14     .margin-before {
  15         -webkit-margin-before: 30px;
  16         width: 60px;
  17     }
  18
  19     .test {
  20         font: 20px Ahem;
  21         background-color: yellow;
  22     }
  23 </style>
  24 <div class="container" style="-webkit-writing-mode: vertical-rl;">
  25     <div>
  26         <div class="margin-before"></div>
  27         <div class="test">Test</div>
  28     </div>
  29 </div>
  30
  31 <div class="container" style="-webkit-writing-mode: vertical-lr;">
  32     <div>
  33         <div class="margin-before"></div>
  34         <div class="test">Test</div>
  35     </div>
  36 </div>