Threading text like in Indesign with HTML/JS

Question

How to program threading text like in frames in Indesign. Link: http://helpx.adobe.com/indesign/using/threading-text.html

I want to use three columns in HTML. In these columns I will add one text. Whenever the content of the text exceed the column height, the text should pass over to the next column. The last column don't pass the text content.

Answer 1

You can use column-count css property, with browser specific prefixes for Firefox and Chrome.

Beware, it doesn't work in IE <10

-moz-column-count:3;
-webkit-column-count:3;
column-count:3;