| <!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> |
