JSFiddle - React, Tailwind, and code Playground

HTML

<div id="root">
  <div id="one">1</div>
  <div id="two">2</div>
</div>

CSS

#root {
  position: relative;
  border: solid;
  width: 50%;
  overflow:hidden;
  height: 20px;
}
#one {
  border: solid red;
  position: absolute;
  top: 0px;
  left: 20%;
}
#two {
  border: solid blue;
  position: absolute;
  top: 0px;
  left: 60%;
}