JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <p id="inner">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla hendrerit, ipsum a venenatis porttitor, urna nibh bibendum orci, pellentesque scelerisque mi eros et lectus. Proin cursus scelerisque leo et tincidunt. Pellentesque suscipit velit ac enim sollicitudin condimentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quis urna nibh, sit amet venenatis mauris. Sed placerat enim convallis augue laoreet ullamcorper. Aliquam diam nunc, aliquam et tincidunt et, ultricies ut velit. Sed quis feugiat dui. Proin interdum turpis id augue aliquet vehicula. Praesent risus dui, lacinia eu fringilla gravida, hendrerit dignissim tortor. Integer eros eros, laoreet quis congue quis, bibendum ut felis. Quisque ante mauris, bibendum quis venenatis eu, tincidunt vitae lacus. Phasellus consectetur tincidunt lorem, in laoreet sem mattis hendrerit. Etiam pellentesque, neque vel ullamcorper ornare, urna justo elementum nibh, sed fringilla neque enim at tortor.  
    </p>
</div>

CSS

#outer{
    width: 300px;
    margin: 0 auto;
}
#inner {
    text-align: left;   
}