<div class="box box1"><p>box</p></div>
<div class="box box2"><p>box2</p></div>
<div class="box box3"><p>box3</p></div>
<div class="box box4"><p>box4</p></div>
.box{
  width:50px;
  height:50px;
  color:#FFF;
  background-color:#ff0000;
  text-align:center;
  position:absolute;
}
.box1{
  top:50px;
  left:100px;
}
.box2{
  top:200px;
  left:300px;
}
.box3{
  top:100px;
  left:400px;
}
.box4{
  top:170px;
  left:280px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.