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 |