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