JSFiddle - React, Tailwind, and code Playground

HTML

<section class="test">
    <div class="test1">
        <p class="result1">SUCCESS</p>
        <p class="testnumber1">TEST#</p>
        <p class="date1">DATE</p>
    </div>
</section>

CSS

p {
    text-align: center;
}