JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inline">
        <div class="block">
            <p>
                ABC
                <br>
                DEF
            </p>
        </div>
        <div class="block">
            <p>
                GHI
                <br>
                JKL
            </p>
        </div>
        <div class="block">
            <p>
                MNO
                <br>
                PQR
            </p>
        </div>
        <div class="block">
            <p>
                STU
                <br>
                VWX
            </p>
        </div>
    </div>

CSS

.inline{
        display: inline;
    }
    
    .block{
        display: inline-block;
    }