<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<p>There should be three blue squares and three hotpink ones.</p>
<div style="width:300px;">
  <div style="float:left; width:100px;">
    <div style="width:20px; height:20px; background:blue;"></div>
    <div style="margin-top:60px; width:20px; height:20px; background:hotpink;"></div>
  </div>
  <div style="float:left; width:100px;">
    <div style="width:20px; height:20px; background:blue;"></div>
    <div style="margin-top:60px; width:20px; height:20px; background:hotpink;"></div>
  </div>
  <div style="float:left; width:100px;">
    <div style="width:20px; height:20px; background:blue;"></div>
    <div style="margin-top:10px; width:20px; height:20px; background:hotpink;"></div>
  </div>
</div>
