JSFiddle - React, Tailwind, and code Playground

by Korah Babu Varghese

HTML

<div class="test">
    <table>
        <td>
            <div>Dummy Content 1</div>
        </td>
        <td>
            <div>Dummy Content 2</div>
        </td>
        <td>
            <div>Dummy Content 1 <br> be more</div>
        </td>
        <td>
            <div>Dummy Content 4</div>
        </td>
    </table>
</div>

CSS

.test {

    background:#f00;
}
table {
    border-collapse:collapse;
    padding:0;
}
table td {
    width:25%;
    display:table-cell;
height:20px;

}
table td div {
    background:green;
    height:100%;
}