JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer" style="width:100%">  
  <div id="inner">Foo foo</div>
</div>

CSS

#outer {
  text-align: center;
}