JSFiddle - React, Tailwind, and code Playground

by mizobata

HTML

<div class="array">
  A
  <div class="key">A</div>
  <div class="val">B</div>
  <div class="key">C</div>
  <div class="val">D</div>
  <div class="key">E</div>
  <div class="val">F</div>
</div>

CSS

.array {
  position: relative;
}
  
.array div {
  position: absolute;
  left: 1rem;
}

.array div:nth-child(n) {
  top: 20px;
}
.array div:nth-child(2n+1) {
  top: 40px;
}