JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <th><div>Column</div></th>
            <th><div>Column</div></th>
            <th><div>Column</div></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><div>Data</div></td>
            <td><div>Data</div></td>
            <td><div>Data</div></td>
        </tr>        
    </tbody>

CSS

body, html
{
  font-size: 0.9em;
  font-family: "Trebuchet MS";
}

div
{
  margin: 1px;
  border: solid 1px red;  
  padding: 1px 5px;
  width: 100px;
}