JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
    * { margin:0; padding: 0;}
    .wrap { width: 90%; margin: 0 auto;}
        .wrap2 { margin: 0 100px;}
        table { width: 100%; border-collapse: collapse; table-layout: fixed;}
            table td { border: 1px solid #000; white-space: nowrap; overflow:hidden;}
            table .a { width: 100px; }
</style>
</head>

<body>
    <div class="wrap"><div class="wrap2">
        <table><tr>
            <td>5543</td>
            <td class="a"></td>
            <td>34553</td>
            <td class="a"></td>
            <td>5345</td>
            <td class="a"></td>
            <td>353</td>
        </tr></table>
    </div></div>
    
</body>
</html>