column-box-alignment-rtl-2.html (443B)
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 inline-size: 600px; 12 font: 16px/1 sans-serif; 13 } 14 15 /* cosmetics */ 16 div { 17 border: 1px solid; 18 } 19 20 </style> 21 The first column should be aligned with the right side of the block and the second column should be to its direct left. 22 <div style="direction:rtl; text-align:right;"> 23 <p>1st column</p> 24 <p>2nd column</p> 25 </div>