<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 two purple rectangles below should both be at the top of their columns. If one is lower than the other, than the test has failed. | |
<div class="columns"> | |
<div class="block" style="margin-bottom:200px"></div> | |
<div class="block"></div> | |
</div> |