JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>Paragraph saying stuff in the middle...</p>

    <p><!-- FIX -->
        <small>...small element gets in the middle too!</small>
    </p><!-- FIX -->
</div>

CSS

p { text-align: center; }

div { background: #ccc; padding: 40px 10px 40px 10px;}