CSS3 Columns, Firefox - Tables not breaking <p>I have a div containing a bunch of tables, the div itself has a columns property. In Chrome and IE/Edge, the tables nicely break across the columns and this is the behaviour I expect.</p> <p>The CSS I'm using:</p> <pre><code>div { -webkit-column-width: 250px; -moz-column-width: 250px; column-width: 250px; } </code></pre> <p>However, FF does not break the table, which means every table only occupies one column. Is there a way to stop this?</p> <p><strong>JSFiddle:</strong> <a href="https://jsfiddle.net/qy44ubva/" rel="nofollow">https://jsfiddle.net/qy44ubva/</a></p> <p>Using div's to simulate a table is about as close of a solution as I can come with. CSS is compiled for every request so I can set widths to emulate consistent column widths.</p>