JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
  <div class="one"></div>
  <div class="two"></div>  
</div>

CSS

.main{
  height:600px;
  width:100%;
  border:1px solid red;
}
.one{
  display:inline-block;  
  position:relative;
  height:100px;
  width:100px;
  border:1px solid green;
  margin-left:4px;
  left:0px;
}
.two{
  display:inline-block;
  position:relative;
  height:100px;
  width:100px;
  border:1px solid blue;
  right:0px;
}