Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<style>
.blue {
position: absolute;
top: 0;
width: 40px;
height: 100px;
background: blue;
}
.green {
position: absolute;
top: 100px;
width: 40px;
height: 100px;
background: green;
}
</style>
<div class="blue" style="left: 30px; top: 30px; height: 70px"></div>
<div class="green" style="left: 30px"></div>
<div class="blue" style="left: 140px"></div>
<div class="green" style="left: 140px"></div>
<div class="blue" style="left: 250px"></div>
<div class="green" style="left: 250px; height: 70px"></div>