<!DOCTYPE html>
<style>
.breakAfter { -webkit-column-break-after:always; }
.breakBefore { -webkit-column-break-before:always; }
.piece { background:blue; }
</style>
<p>Test that forced outer fragmentainer breaks work inside spanners in nested multicol.</p>
<p>There should be a blue square below.</p>
<div style="-webkit-columns:4; -webkit-column-gap:0; column-fill:auto; width:60px; line-height:30px; height:135px; overflow:hidden;">
<div style="-webkit-columns:2; -webkit-column-gap:0;">
<div style="-webkit-column-span:all;">
<div class="piece breakBefore"><br></div>
<div class="piece breakAfter"><br></div>
<div class="piece"><br></div>
<div class="piece"><br></div>
<div class="piece breakBefore"><br></div>
<div class="piece"><br></div>
<br>
<br>
<div class="piece breakBefore"><br></div>
<div class="piece breakAfter"><br></div>
</div>
</div>
</div>