JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="zi-1 zone-info">TEXT1</div>
    <div class="zi-2 zone-info">TEXT2</div>
</div>

CSS

.wrapper { display: table }

.zone-info {
    display: table-column-group;
}

.zi-1 {
    background-color:yellow;
}

.zi-2 {
    background-color:magenta;
}