| <!DOCTYPE html> |
| <p>There should be one yellow box below, on a blue background. the "second column" part should be clipped out.</p> |
| <div style="overflow:hidden; -webkit-columns:2; -webkit-column-gap:1em; column-fill:auto; width:17em; height:13em; line-height:2em;"> |
| <div style="will-change:transform; position:absolute; left:0; right:0; height:13em; background:blue;"></div> |
| <br> |
| <br> |
| <br> |
| <br> |
| <div style="position:relative; overflow:hidden; margin:0.5em; height:8.5em; background:yellow;"> |
| first<br> |
| column<br> |
| second<br> |
| column<br> |
| <div style="background:red;">FAIL</div> |
| </div> |
| </div> |