| <html> | |
| <head> | |
| <style> | |
| .columns { -webkit-column-count:2; -moz-column-count: 2; column-count: 2; border:2px solid black; height:300px } | |
| .block { height:200px; background-color:purple; } | |
| </style> | |
| </head> | |
| <body> | |
| 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 | |
| column should be the same (orange/yellow). | |
| <div class="columns"> | |
| <table cellpadding=0 cellspacing=0 border=0 width=100%> | |
| <tr><td width=50%> | |
| <div class="block" style="margin-bottom:200px; background-color:orange"></div> | |
| <div class="block" style="background-color:orange"></div> | |
| </td> | |
| <td width=50%> | |
| <div class="block" style="margin-bottom:200px; background-color:yellow"></div> | |
| <div class="block" style="background-color:yellow"></div> | |
| </td></tr> | |
| </table> | |
| </div> |