JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <table class="disk-size-table center">
        <tr class="disk-size-row">
            <td class="disk-size-td draggable" data-disk-size="500">500 GB</td>
            <td class="disk-size-td draggable" data-disk-size="500">500 GB</td>
            <td class="disk-size-td draggable" data-disk-size="500">500 GB
                <br>Second line
                <br>third line
            </td>
            <td class="disk-size-td draggable" data-disk-size="500">500 GB</td>
        </tr>
    </table>
</div>

CSS

.disk-size-table {
    border-spacing: 0;
}
.disk-size-td {
    border: 1px solid black;
    border-radius: 5px;
    width: 60px;
    /*height: 70px;*/
    text-align: center;
    vertical-align: middle;
    padding: 0;
    /*display: inline-block;*/
}
table.center {
    margin-left: auto;
    margin-right: auto;
}