| <!DOCTYPE html> |
| <p>There should be a yellow box in the second column, and the word 'PASS' should be below it. PASS is not in the third column because they are composited together, and hence not fragmented.</p> |
| <div style="-webkit-columns:3; -webkit-column-gap:1em; column-fill:auto; width:17em; height:9em; line-height:2em; orphans:1; widows:1;"> |
| <div style="will-change:transform; position:absolute; left:0; right:0; height:9em; background:cyan;"></div> |
| <br> |
| <br> |
| <br> |
| <br> |
| <br> |
| <br> |
| <br> |
| <div style="z-index:2; position:relative; height:2em; background:yellow;"> |
| <br> |
| <br> |
| <div style="opacity:0.8; margin:0.5em;">PASS</div> |
| </div> |
| </div> |