JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body style="margin: 25px;">
<table>
<tbody>
<tr class="tblheader">
<th>a</th>
<th>b</th>
<th>c</th>
</tr>
<tr>
<td>
<div>
9/5
</div>
</td>
<td>
<div>
6/5
</div>
</td>
<td>
<div>
6/8
</div>
</td>
</tr>
<tr>
<td>
<div>
7/8
</div>
</td>
<td>
<div>
2/3
</div>
</td>
<td>
<div>
7/8
</div>
</td>
</tr>
<tr>
<td>
<div>
5/4
</div>
</td>
<td>
<div>
6/5
</div>
</td>
<td>
<div>
2/3
</div>
</td>
</tr>
<tr>
<td>
<div>
6/4
</div>
</td>
<td>
<div>
5/2
</div>
</td>
<td>
<div>
2/6
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>CSS
td {
padding: 10px;
}