JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<table>
    <tr>
        <td class="cell">left top</td>
        <td>text top text top text top text top text top text top text top text top text top text top text top</td>
        <td class="cell">right top</td>
    </tr>
    <tr>
        <td colspan="3">midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle text midlle</td>
    </tr>
    <tr>
        <td class="cell">left bottom</td>
        <td>text bottom text bottom text bottom text bottom text bottom text bottom text </td>
        <td class="cell">right bottom</td>
    </tr>
</table>

CSS

table{
    border-collapse:collapse;
    border:1px solid #333;
}
td{
    border:0 none;
    padding:0;
    
}
.cell{
    width:64px;
    height:64px;
    
    vertical-align:top;
}
tr:last-child .cell{
    vertical-align:bottom;
}