JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td class="top">Bacon ipsum dolor amet chicken alcatra pork pancetta beef ribs porchetta meatball</td>
            <td class="gap"></td>
            <td class="top">Boudin turducken.</td>
            <td class="gap"></td>
            <td class="top">Corned beef</td>
        </tr>
        <tr>
            <td class="mid"><button>Button</button></td>
            <td class="gap"></td>
            <td class="mid"><button>Button</button></td>
            <td class="gap"></td>
            <td class="mid"><button>Button</button></td>
        </tr>
        <tr>
            <td class="bottom">Bacon ipsum dolor amet chicken alcatra pork pancetta beef ribs porchetta meatball</td>
            <td class="gap"></td>
            <td class="bottom"> Salami ground round prosciutto. Corned beef ham turkey, tongue ground round strip</td>
            <td class="gap"></td>
            <td class="bottom">Steak biltong shankle frankfurter tri-tip doner chicken porchetta. Tenderloin sausage beef ribs, corned beef capicola tongue cow short loin boudin turducken. Porchetta tri-tip landjaeger pancetta tail jerky shankle cow</td>
        </tr>
    </tbody>
 </table>

CSS

table{text-align:center; table-layout:fixed;}
table td{ vertical-align:top;}

.top{
    border-top:1px solid #ccc;
    width:30%;
}
.top, .mid, .bottom{
    border-left:1px solid #ccc;
        border-right:1px solid #ccc;
}
.gap{
    width:5%;
}
.bottom{border-bottom:1px solid #ccc;}