JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div class="not_centered">
  text
  </div>
  <div class="not_centered">
  text 2
  </div>
  <br>
  <div class="centered">
    centered
  </div>
</div>

CSS

#container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.not_centered{
  position: absolute;
  flex: 1;
}