JSFiddle - React, Tailwind, and code Playground

by Aaron von Schassen

HTML

<div class='wrap'>
  <span>my text</span>
</div>

SCSS

.wrap {
  position: relative;
  width: 100%;
  height: 20px;
  background: green;
}

span {
    position: absolute;
    margin-left: -50%;
    top: 0;
    left: 50%;
  }