23 lines
537 B
HTML
23 lines
537 B
HTML
<!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>
|