<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> @font-face { font-family:test; src:url(../fonts/sil/GenR102.ttf); } body { width: 500px; height: 300px; writing-mode: vertical-rl; font:16px/24px test; margin: 0; border: 1px solid gray; } div { margin: 10px; background: #eee; } </style> </head> <body> <div> First single-column division. </div> <div style="-moz-column-count:2; -moz-column-gap:10px"> Two columns<br> one<br>two<br>three<br>four<br>five<br>six </div> <div> Another single-column division. </div> <div style="-moz-column-count:3; -moz-column-gap:5px"> Three columns<br> one<br>two<br>three<br>four<br>five<br>six </div> <div> Final single-column division. </div> </body> </html>