| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 body { overflow: hidden; } /* Avoid triggering a second layout pass, as that mig
ht hide bugs. */ |
| 3 table { border-spacing:0; line-height:2em; } | 4 table { border-spacing:0; line-height:2em; } |
| 4 tr { break-inside:avoid; } | 5 tr { break-inside:avoid; } |
| 5 td { padding:0; background:red; } | 6 td { padding:0; background:red; } |
| 6 td > div { width:1em; background:green; } | 7 td > div { width:1em; background:green; } |
| 7 </style> | 8 </style> |
| 8 <p>There should be a green square and no red below.</p> | 9 <p>There should be a green square and no red below.</p> |
| 9 <div style="columns:2; column-fill:auto; column-gap:0; width:4em; height:5.9em;"
> | 10 <div style="columns:2; column-fill:auto; column-gap:0; width:4em; height:5.5em;"
> |
| 10 <table> | 11 <table> |
| 11 <tr> | 12 <tr> |
| 12 <td><div><br><br></div></td> | 13 <td><div><br><br></div></td> |
| 13 <td><div><br><br></div></td> | 14 <td><div><br><br></div></td> |
| 14 </tr> | 15 </tr> |
| 15 <tr> | 16 <tr> |
| 16 <td><div><br><br></div></td> | 17 <td><div><br><br></div></td> |
| 17 <td><div><br><br></div></td> | 18 <td><div><br><br></div></td> |
| 18 </tr> | 19 </tr> |
| 19 </table> | 20 </table> |
| 20 </div> | 21 </div> |
| OLD | NEW |