JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>
        <span>
            There are many fish in the sea! So lovely!<br/>
             many fish in the sea! So lovely!
        </span>
    </p>
</div>

CSS

div   { padding:10px 20px; background-color:#F51; }

p     { text-align:left; padding:5px; background-color:#333; color:#fefefe; }

p span{ display: table;margin:auto;}