JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  <span class="center">hello world</span>
</section>

CSS

section {
  width: 400px;
  height: 250px;
  background: #f0ad4e;
  border-radius: 4px;
}

span {
  display: inline-block;
  transform: translate(100%, 100%);
}