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

}

#white1{

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

#white2{

  background-color: wheat;
  width: 100px;
  height: 200px;
  margin-left:100px;
  margin-top: -100px;
}
#red1{

  background-color: red;
  width: 100px;
  height: 200px;
  margin-left:0px;
  margin-top: -200px;
}

#red2{

  background-color: red;
  width: 100px;
  height: 100px;
  margin-left:100px;
  margin-top: -300px;
}