| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <p>There should be a yellow box in the second column, and the word 'PASS' should
be in the third column.</p> | 2 <p>There should be a yellow box in the second column, and the word 'PASS' should
be in the third column.</p> |
| 3 <div style="-webkit-columns:3; -webkit-column-gap:1em; column-fill:auto; width:1
7em; height:9em; line-height:2em;"> | 3 <div style="-webkit-columns:3; -webkit-column-gap:1em; column-fill:auto; width:1
7em; height:9em; line-height:2em; orphans:1; widows:1;"> |
| 4 <div style="will-change:transform; position:absolute; left:0; right:0; heigh
t:9em; background:cyan;"></div> | 4 <div style="will-change:transform; position:absolute; left:0; right:0; heigh
t:9em; background:cyan;"></div> |
| 5 <br> | 5 <br> |
| 6 <br> | 6 <br> |
| 7 <br> | 7 <br> |
| 8 <br> | 8 <br> |
| 9 <br> | 9 <br> |
| 10 <br> | 10 <br> |
| 11 <br> | 11 <br> |
| 12 <div style="z-index:2; position:relative; height:2em; background:yellow;"> | 12 <div style="z-index:2; position:relative; height:2em; background:yellow;"> |
| 13 <br> | 13 <br> |
| 14 <br> | 14 <br> |
| 15 <div style="opacity:0.8; margin:0.5em;">PASS</div> | 15 <div style="opacity:0.8; margin:0.5em;">PASS</div> |
| 16 </div> | 16 </div> |
| 17 </div> | 17 </div> |
| OLD | NEW |