Question

I want to create a multicolumn layout in html that will run from left to right instead of vertical. I want to set the text column div to a certain height and width, and when/if the text overflows the box, it will create a new column for the text. So an auto column creator that adds when more is needed. Is this possible?

Answer 1

I could answer for Gecko 10, that by using -moz-column-count: 1 and setting the the height, the overflow content appears to the right instead.

I wasn’t able to control the width using -moz-column-width with column count set to 1. I had to specify the width there (or else the container follows parent width).

But if I set -moz-column-count: auto, I can instead set -moz-column-width without setting width.

Example JSFiddle: http://jsfiddle.net/syockit/mVFaX/1/