JSFiddle - React, Tailwind, and code Playground

by RichieHindle

HTML

<!DOCTYPE html>
<html lang="en">
<body>
    <table>
        <tr>
            <td style="background-color:cyan">
                <div style="background-color:pink;">Pink</div>
                <div style="background-color:green;">Green</div>
            </td>
            <td style="background-color:cyan">
                <div style='font-size: 40pt; background-color:yellow;'>
                    Big yellow text
                </div>
            </td>
            </tr>
  </table>
</body>
</html>

CSS

table td {
    vertical-align: baseline;
    padding: 0;
}
     
td div {
    display: inline-block;
}