JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>PeterPeterPeterPeterPete rPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeter</td>
        <td>GriffinGriffinGriffinGriffinGriffinGriffin</td>
    </tr>
    <tr>
        <td>Lois</td>
        <td>Griffin</td>
    </tr>
</table>

CSS

table {
    margin: 0 auto;
    border-spacing: 15px;
    width: 70%;
    min-height: 250px;
    table-layout:fixed;
}

td {
    padding: 10px;
    background-color: gray;
    width:50%;
    overflow:hidden;
}