<!DOCTYPE html>
<style>
.square { float:left; width:60px; height:60px; }
.blue { background:blue; }
.yellow { background:yellow; }
.hotpink { background:hotpink; }
.cyan { background:cyan; }
</style>
<p>There should be 8 squares below, from left to right, with the following colors:</p>
<p>Blue, yellow, blue, hotpink, yellow, hotpink, cyan, hotpink.</p>
<div style="width:480px;">
<div class="blue square"></div>
<div class="yellow square"></div>
<div class="blue square"></div>
<div class="hotpink square"></div>
<div class="yellow square"></div>
<div class="hotpink square"></div>
<div class="cyan square"></div>
<div class="hotpink square"></div>
</div>