JSFiddle - React, Tailwind, and code Playground

HTML

<table class="price">
    <thead>
        <tr>
            <th colspan="2" scope="colgroup">
                <a href="" title="">Заголовок</a>
            </th>
        </tr>
    </thead>
    <tbody class="price">
        <tr class="price">
            <td class="left">Пункт</td>
            <td class="right">1</td> 
        </tr>
        <tr>
            <td class="left">Пункт</td>
            <td class="right">2</td>
        </tr>
    </tbody>
</table>

CSS

table { width: 60%; border-collapse: collapse; }
thead th { background: #8f8; border: solid #fff; border-width: 2px 2px 5px 2px; }
tbody td { background: #ccc; border: 2px solid #fff; }
th, td { padding: 5px; }
th a { color: #fff; }