layout/reftests/columns/column-box-alignment-rtl-4.html

   1 <!doctype html>
   2 <style>
   3 * {
   4     margin: 0 0;
   5     padding: 0 0;
   6 }
   7
   8 html {
   9     writing-mode: vertical-rl;
  10 }
  11
  12 div {
  13     column-gap: 0;
  14     column-count: 4;
  15     inline-size: 600px;
  16     font: 16px/1 sans-serif;
  17 }
  18
  19 /* cosmetics */
  20 div {
  21     border: 1px solid;
  22 }
  23
  24 </style>
  25 The first column should be aligned with the inline-end side of the block and the second column should be to its direct left (towards inline-start side).
  26 <div style="direction:rtl; text-align:right;">
  27     <p>1st column</p>
  28     <p>2nd column</p>
  29 </div>