| <html> |
| <head> |
| <style> |
| .columns { -moz-column-count:2; -webkit-column-count:2; -webkit-column-fill:auto; column-count:2; column-fill:auto; 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> |
