JSFiddle - React, Tailwind, and code Playground

by fergal_doyle

HTML

<div class='table'>
    <div class='row'>
        <div class='cell1'>A</div>
        <div class='cell2'>B</div>
    </div>
</div>

<label class='table'>
        <span class='cell1'>A</span>
        <span class='cell2'>B</span>
</label>

CSS

.table {
    width: 100%;
    display: table;
}

.row {
    width: 100%;
    display: table-row;
}

.cell1, .cell2 {
    display: table-cell;
}
.cell1 {
    width: 100px;
    background: blue;
}
.cell2 {
    width: auto;
    background: grey;
}