JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <h1>some title</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet nihil distinctio consectetur doloremque et odio similique facere. Iusto dolorum perferendis ipsum qui dicta quibusdam amet laudantium omnis perspiciatis in officia.</p>
</div>

CSS

div {
    background: red;
    width: 100%;
    min-height: 200px;
    padding-bottom: 10px;
}


h1 {
    background: purple;
    width: 80%;
    text-align: center;
    float: left;
    margin-left: 10%;
}
p {
    clear: both;
    padding: 0 10px;
}
}