<html>
<head>
  <title>Div example</title>
</head>
<body>

<style type="text/css"> 
.clear {
  clear: left;
}

.left1 {
  float: left;
  width: 120px;
  height: 40px;
  border: 1px solid;
  text-align: center; 
}

.left2 {
  float: left;
  width: 120px;
  height: 40px;
  border: 1px dotted;
  text-align: center;
  margin-top: -15px;
}

.right {
  float: right;
  width: 120px;
  height: 40px;
  border: 1px solid;
  text-align: center;
  margin-top: -15px;
}
</style>
  
<div class="left1">
  1
</div>

<div class="clear"></div>

<div class="left2">
  3
</div>

<div class="right">
  2
</div>

</body>
</html>