2carrom

<div class="left">
<div class="satu"></div>
<div class="dua"></div>
</div>

<div class="right">
<div class="tiga"></div>
<div class="empat"></div>
</div>

<style>
  body{
    background:#62374e;
  }
  .left{
    float:left;
  }

  .right{
    float:right;
  }
  .satu {
    width: 50px;
    height: 50px;
    background: #fdc57b;
    margin-top: 42px;
    margin-left:42px;
  }

  .dua{
    width: 50px;
    height: 50px;
    background: #fdc57b;
    margin-top: 100px;
    margin-left:42px;
  }

  .tiga{
    width: 50px;
    height: 50px;
    background: #fdc57b;
    margin-top: 42px;
    margin-right:42px;
  }

  .empat{
    width: 50px;
    height: 50px;
    background: #fdc57b;
    margin-top: 100px;
    margin-right:42px;
  }
</style>