JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>Sr. No.</td>
        <td class="abc">Particulars</td>    
    </tr>    
    <tr>
        <td>1</td>
        <td class="abc">Apple</td>
    </tr>
</table>

CSS

table
{
border-collapse:collapse;
}
table, th, td
{
border: 1px solid black;
width:200px;
}
.abc{
    text-align:right;
}