Source code
Revision control
Copy as Markdown
Other Tools
<!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>