<!DOCTYPE html>
<html>
<head>
<style>
div{
float:left;
}
.div1{
width:35%;
height:300px;
background-color:red;
}
.div2{
width:30%;
height:200px;
background-color:green;
}
.div3{
width:20%;
height:100px;
background-color:blue;
}
.div4{
width:5%;
height:100px;
background-color:brown;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
</body>
</html>| 5% | 25% | 45% | 65% | 85% |
| 10% | 30% | 50% | 70% | 90% |
| 15% | 35% | 55% | 75% | 95% |
| 20% | 40% | 60% | 80% | 100% |