JSFiddle - React, Tailwind, and code Playground

by QMaster

HTML

<div id="father">
   <div id="son1"></div>
   <div id="son2"></div>
</div>

CSS

#father {
  direction: rtl;
   position: relative;
   width: 500px;
   height: 400px;
   background-color: yellow;
}

#son1 {
   position: absolute;
   right: 0;
   height: 100%;
  width: 10px;
  background-color: green;
}

#son2 {
   position: absolute;
   left: 0;
   height: 100%;
  width: 10px;
  background-color: red;
}