| <!DOCTYPE html> |
| <style> |
| body { overflow:hidden; } /* Prevent extra layout pass (which could hide the problem) */ |
| </style> |
| <p>In nested multicol, test that an inner spanner that follows a |
| column row whose contents cannot be evenly balanced (the row has 2 |
| columns and 5 lines of equal height) ends up where it should.</p> |
| <p>There should be a blue square below.</p> |
| <div style="-webkit-columns:3; -webkit-column-gap:0; column-fill:auto; width:120px; line-height:120px; height:360px;"> |
| <div style="-webkit-columns:2; -webkit-column-gap:0;"> |
| <div style="background:blue;"><br></div> <!-- first line in first column --> |
| <br> |
| <br> |
| <div style="background:blue;"><br></div> <!-- first line in second column --> |
| <br> |
| <div style="-webkit-column-span:all; background:blue;"><br></div> |
| <br> |
| <br> |
| <br> |
| <br> |
| <div style="background:blue;"><br></div> <!-- first line in fourth column --> |
| <br> |
| <div style="background:blue;"><br></div> <!-- first line in fifth column --> |
| </div> |
| </div> |