<html>
  <style>
    div {
      width: 50px;
      height: 50px;
    }
    #green {
      background-color: green;
      margin-bottom: 10px;
    }
    #blue {
      background-color: blue;
      margin-top: 20px;
      margin-bottom: 20px;
      top: 30px;
    }
    #yellow {
      background-color: yellow;
      margin-top: 10px;
      margin-bottom: 20px;
    }
    #purple {
     background-color:  #673ab7;
     margin-top: 20px;
     position: absolute;
    }
  </style>
  <body>
    <div id=green></div>
    <div id=blue></div>
    <div id=yellow></div>
    <div id=purple></div>
  </body>
</html>