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 |