02-carrom.html

<div class="square top left"></div>
<div class="square top right"></div>
<div class="square bottom left"></div>
<div class="square bottom right"></div>

<style>
  body {
    background: #62374e;
    margin: 0;
  }
  .square {
    width: 50px;
    height: 50px;
    background: #fdc57b;
    position: absolute;
  }
  .top {
    top: 50px;
  }
  .left {
    left: 50px;
  }
  .right {
    right: 50px;
  }
  .bottom {
    bottom: 50px;
  }
</style>