| <!DOCTYPE html> |
| <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> |
| <style> |
| .square { |
| position: absolute; |
| width: 30px; |
| height: 30px; |
| background: black; |
| } |
| .left { |
| margin-left: 40px; |
| } |
| .right { |
| margin-left: 110px; |
| } |
| .bottom { |
| margin-top: 70px; |
| } |
| </style> |
| <p>There should be four squares below, on a yellow background.</p> |
| <div class="square top left"></div> |
| <div class="square top right"></div> |
| <div class="square bottom left"></div> |
| <div class="square bottom right"></div> |
| <div style="width:180px; height:100px; background:yellow;"></div> |
