How do I overflow the contents of a column into the next column using CSS?

Question

I have a table with three columns in which I'm trying to get some long paragraphs to flow dynamically from the first column into the second and then into the third. Currently, the table will continue on a next page when the first column overflows instead of moving into the second column and so I get several pages filled with only a single column's worth of data. How can I fix this?

Answer 1

It can be done with CSS3 but most browsers does not support those properties yet. Link here: Multi-column layout

There is also a jQuery plugin for this. http://code.google.com/p/js-columns/