JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="container">
    <div id="row1" class="row">
      <div class="col1">Hello</div>
      <div class="col2">World</div>
    </div>
    <div id="row2" class="row">
      <div class="col1">Salut</div>
      <div class="col2">le monde</div>
    </div>
  </div>
s</body>

CSS

body {position:relative;}
.container {position:absolute;width: 100px;}
.row {position:relative;height: 30px;}
.col1, .col2 {position: absolute;}

.col1{
    top: 5px;
}

.col2{
    top: 20px;
}