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