mstensho | 1f890b5 | 2016-10-17 17:08:19 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <p>Below there should be a blue square snapped to the blue line above it.</p> |
| 3 | <div style="columns:3; column-gap:0; column-fill:auto; width:300px; line-height:20px; height:90px; border-top:1px solid blue; orphans:1; widows:1;"> |
| 4 | <div style="height:40px;"></div> |
| 5 | <table cellpadding="0" cellspacing="0" style="height:200px;"> |
| 6 | <tr> |
| 7 | <td><br><br></td> |
| 8 | </tr> |
| 9 | <tr> |
| 10 | <td> |
| 11 | <!-- Need an empty first block, so that there's a break |
| 12 | opportunity before the second one. There's no break |
| 13 | opportunity before a first child block. --> |
| 14 | <div></div> |
| 15 | <div style="width:80px; background:blue;"> |
| 16 | <br><br><br> |
| 17 | </div> |
| 18 | </td> |
| 19 | </tr> |
| 20 | </table> |
| 21 | <div style="width:80px; background:blue;"> |
| 22 | <br> |
| 23 | </div> |
| 24 | </div> |