blob: 75ac2a48a1f00e652d3cb176e0fdf2611bc8f4c7 [file] [log] [blame]
<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>