<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div style="clear:both;"></div>
<div class="div2">
<span>HELLO</span>
<div class="div3"></div>
</div>
.div1{
float:left;
width:100px;
height:50px;
background-color:red;
}
.div2{
width:200px;
height:200px;
text-align:center;
background-color:green;
}
.div3{
width:150px;
height:150px;
background-color:blue;
margin: 0 auto
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.