OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <style> | |
4 .columns { -moz-column-count:2; -webkit-column-count:2; column-count:2; column-f
ill:auto; border:2px solid black; height:300px } | |
5 .block { height:200px; background-color:purple; } | |
6 </style> | |
7 </head> | |
8 <body> | |
9 The four rectangles below should both be at the top of their columns. If one is
lower than the other, than the test has failed. The pattern in each | |
10 column should be the same (orange/yellow). | |
11 <div class="columns"> | |
12 <table cellpadding=0 cellspacing=0 border=0 width=100%> | |
13 <tr><td width=50%> | |
14 <div class="block" style="margin-bottom:200px; background-color:orange"></div> | |
15 <div class="block" style="background-color:orange"></div> | |
16 </td> | |
17 <td width=50%> | |
18 <div class="block" style="margin-bottom:200px; background-color:yellow"></div> | |
19 <div class="block" style="background-color:yellow"></div> | |
20 </td></tr> | |
21 </table> | |
22 </div> | |
OLD | NEW |