JSFiddle - React, Tailwind, and code Playground

by swfour

HTML

<table>
    <tr>
        <td>a</td>
        <td style="padding-top: 20px">a</td>
    </tr>
</table>
<div class="table">
    <div class="cell">x</div>
    <div class="cell" style="margin-top: 10px">x</div>
</div>
<div class="table">
    <div class="cell">x</div>
    <div class="cell" style="padding-top: 10px">x</div>
</div>
<div class="table">
    <div class="cell">
        <div style="padding-top: 20px;">x</div>
    </div>
    <div class="cell">x</div>
</div>
<div class="table">
    <div class="cell">
        <div style="margin-top: 20px;">x</div>
    </div>
    <div class="cell">x</div>
</div>

CSS

td, .cell {
    vertical-align:top;
    border:1px solid red;
    width:50px;
}
.table {
    display:table;
}
.cell {
    display:table-cell;
}