column-box-alignment-rtl-3.html (493B)
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 font: 16px/1 sans-serif; 16 } 17 18 /* cosmetics */ 19 div { 20 border: 1px solid; 21 } 22 23 </style> 24 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). 25 <div style="direction:rtl; text-align:right;"> 26 <p>1st column</p> 27 <p>2nd column</p> 28 </div>