CSS has columns attributes that flow text in a more complicated way than left-to-right wrapping. What I want to do is to limit the column height, so that once the text would exceed that height, it flows into a new row of columns. In other words, I want to recreate the experience of reading a multi-column PDF with just HTML and CSS, and with the dynamic text flowing that occurs when you resize a browser window. In still other words, how can I flow content like it was targeting paged media?
Here's a diagram of what I mean:
Is there currently any way to do that without resorting to divvying up text content into multiple block elements using Javascript?