JSFiddle - React, Tailwind, and code Playground

HTML

<table class="char-table-two" >
    <tr>
        <td><span>Высота</span></td>
        <td><span>&nbsp</span></td>
        <td><span>1006</span></td>
    </tr>
    <tr>
        <td><span>Ширина</span></td>
        <td><span>мм</span></td>
        <td><span>646<br />646<br />646<br />646</span></td>
    </tr>
    <tr>
        <td><span>Глубина</span></td>
        <td><span>мм</span></td>
        <td><span>530<br />530</span></td>
    </tr>
</table>

CSS

table {
    border-top: 1px solid #a2c1a6;
    border-bottom: 1px solid #a2c1a6;
    border-collapse: collapse;
}

tr { border-bottom: 1px solid #a2c1a6; }

td span {
    display: block;
    border-right: 1px solid #a2c1a6;
    margin: 2px 0;
}

td span:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
}

td:nth-child(1) span {
    padding-right: 30px;
}

td:nth-child(2) span {
    padding: 0 30px;
}

td:nth-child(3) span {
    border-right: none;
    padding: 0 200px 0 30px;
}

tr:nth-child(2) span {
    min-height: 80px;
}

tr:nth-child(3) span {
    min-height: 40px;
}