<!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>