JSFiddle - React, Tailwind, and code Playground

HTML

<div class="shitty">
    <p class="shitty__text">
        <span class="shitty__line">Lorem ipsum dolor sit</span>
        <span class="shitty__line">Lorem ipsum.</span>
        <span class="shitty__line">Lorem ipsum dolor debitis quasi</span>
        <span class="shitty__line">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
        <span class="shitty__line">Lorem ipsum dolor sit amet</span>
    </p>
    <p class="shitty__text">
        <span class="shitty__line">Lorem ipsum dolor sit</span>
        <span class="shitty__line">Lorem ipsum.</span>
        <span class="shitty__line">Lorem ipsum dolor debitis quasi</span>
        <span class="shitty__line">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
        <span class="shitty__line">Lorem ipsum dolor sit amet</span>
    </p>
</div>

CSS

.shitty {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.shitty__text { text-transform: uppercase; }

.shitty__line::after {
    content:'\a';
    white-space: pre;
}