<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
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.