| <!DOCTYPE html> | |
| <style> | |
| .columns { | |
| border:2px solid black; | |
| height:300px; | |
| } | |
| .block { | |
| width: calc(50% - 10px); | |
| height: 200px; | |
| background-color:purple; | |
| } | |
| .left { float: left; } | |
| .right { float: right; } | |
| </style> | |
| 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 left"></div> | |
| <div class="block right"></div> | |
| </div> |