JSFiddle - React, Tailwind, and code Playground

by joshuaohana

HTML

<body>

<div class="container1">

</div>
<div class="container2">

</div>
<div class="container3">

</div>

</body>

CSS

body {
  height:100%;
  width:100%;
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.container1 {
  border: 1px solid red;
  height:20px;width:20px;
  position:absolute;
  margin-left: auto;
  top: 3em;
}

.container2 {
  border: 1px solid blue;
  height:20px;width:20px;
  position:absolute;
  margin-left: auto;
  top: 5em;
}

.container3 {
  border: 1px solid green;
  height:20px;width:20px;
  position:absolute;
  margin-left: auto;
  top: 7em;
}