JSFiddle - React, Tailwind, and code Playground

HTML

<div>  <div class="centered"> Once upon a time, </div> there lived a  <div class="centered"> squirrel who lived  in </div>  the middle of the forest.  </div>



</br>


<div> Once upon a time, there lived <div class="centered"> a squirrel who lived  in </div>  the middle of the forest. </div>

CSS

.centered  { display:inline-block; text-align:center;}

div {  width:100%; text-align:center; }