JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    
     <tr>
        <td colspan="2">20%</td>
        <td colspan="8">80%</td>
    </tr>
    <tr>
        <td colspan="5">50%</td>
        <td colspan="5">50%</td>
    </tr>
</table>

CSS

table{width: 100%; border-collapse: collapse; table-layout: fixed;}
table td{height: 50px; border: 1px solid #000;}