*{box-sizing: border-box}
body{text-align: center;}
#white{
  display: inline-block;
  position: relative;
  background-color:wheat;
  width: 300px;
  height: 300px;

}

#green1{

  background-color: green;
  width: 150px;
  height: 300px;
  margin-left:150px;
  margin-top: 0px;
}
#white2{

  background-color: wheat;
  width: 100px;
  height: 100px;
  margin-left:150px;
  margin-top: -200px;
}

#green2{

  background-color: green;
  width: 100px;
  height: 100px;
  margin-left:50px;
  margin-top: -100px;
}