JSFiddle - React, Tailwind, and code Playground

by LinkinTED

HTML

<table>
    <tr>
        <td>a</td><td>a</td><td>a</td><td>a</td>
    </tr>
    <tr>
        <td>a</td><td>a</td><td>a</td>
        <td>
            <span>1</span>
            <span>2</span>
            <span>3</span>
        </td>
    </tr>
    <tr>
        <td>a</td><td>a</td><td>a</td><td>a</td>
    </tr>
    <tr>
        <td>a</td><td>a</td><td>a</td><td>a</td>
    </tr>
</table>

CSS

table {
    width: 500px;
}
table td {
    border: 1px solid grey;
    width: 25%;
}
table td span {
    display: inline-block;
    width: 30%;
    background: lightblue;
}