1079154-1-vertical-rl-columns.html (704B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 @font-face { 7 font-family:test; 8 src:url(../fonts/sil/GenR102.ttf); 9 } 10 body { width: 500px; height: 300px; writing-mode: vertical-rl; 11 font:16px/24px test; margin: 0; border: 1px solid gray; } 12 div { margin: 10px; background: #eee; } 13 </style> 14 </head> 15 16 <body> 17 18 <div> 19 First single-column division. 20 </div> 21 22 <div style="column-count:2; column-gap:10px"> 23 Two columns<br> 24 one<br>two<br>three<br>four<br>five<br>six 25 </div> 26 27 <div> 28 Another single-column division. 29 </div> 30 31 <div style="column-count:3; column-gap:5px"> 32 Three columns<br> 33 one<br>two<br>three<br>four<br>five<br>six 34 </div> 35 36 <div> 37 Final single-column division. 38 </div> 39 40 </body> 41 </html>