JSFiddle - React, Tailwind, and code Playground

HTML

<div class="centered">
    <h1>title</h1>
    <p>content I want to be centered</p>
    <h2>subtitle</h2>
</div>
<div>a content I want to be full width</div>
<div class="centered">
    <h2>subtitle</h2>
    <p>some more text</p>
</div>

CSS

.centered {
    margin: 0 auto;
    width: 10em;
}