| <!DOCTYPE html> |
| <p>Below there should be a blue square snapped to the blue line above it.</p> |
| <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;"> |
| <div style="height:40px;"></div> |
| <table cellpadding="0" cellspacing="0" style="height:200px;"> |
| <tr> |
| <td><br><br></td> |
| </tr> |
| <tr> |
| <td> |
| <!-- Need an empty first block, so that there's a break |
| opportunity before the second one. There's no break |
| opportunity before a first child block. --> |
| <div></div> |
| <div style="width:80px; background:blue;"> |
| <br><br><br> |
| </div> |
| </td> |
| </tr> |
| </table> |
| <div style="width:80px; background:blue;"> |
| <br> |
| </div> |
| </div> |