| <!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> |