JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer" style="width:200px">  
  <div id="centered">Foo foo</div>
</div>

CSS

#centered {
  position: absolute;
  left: 50%;
  margin-left: -100px;
}