23 lines
863 B
HTML
23 lines
863 B
HTML
<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>
|