JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
  <div class="inner inner1">Something 1</div>
  <div class="inner inner2">Something 2</div>
  <div class="inner inner3">Something 3</div>
</div>

CSS

.block {
  width: 200px;
  height: 200px;
  margin-top: 100px;
  margin-left: 100px;
  background-color: yellow;
}

.inner {
  width: 100px;
  height: 20px;
  padding-bottom: 20px;
}

.inner1 {
  padding-left: 1000px;
  margin-left: -1000px;
  background-color: red;
}

.inner2 {
  padding-left: 1000px;
  margin-left: -950px;
  background-color: green;
}

.inner3 {
  padding-left: 1000px;
  margin-left: -900px;
  background-color: blue;
}