| <!DOCTYPE html> |
| <style> |
| .columns { border:2px solid black; width:520px; height:300px } |
| .block { float:left; width:125px; height:200px; } |
| </style> |
| <p>The four rectangles below should both be at the top of their columns. If one is lower than the |
| other, the test has failed. The pattern in each column should be the same (orange/yellow).</p> |
| <div class="columns"> |
| <div class="block" style="background-color:orange;"></div> |
| <div class="block" style="background-color:yellow;"></div> |
| <div style="float:left; width:20px; height:1px;"></div> |
| <div class="block" style="background-color:orange;"></div> |
| <div class="block" style="background-color:yellow;"></div> |
| </div> |