I was able to accomplish this by using display: inline-grid
on the parent element and then adding the property grid-template-columns: 1fr 1fr 1fr
to the parent as well (1fr
per column needed).
div.inline {
display: inline-grid;
grid-template-columns: 1fr 1fr;
}
div.cell {
border: 1px dotted grey;
text-align: center;
}
content
<div class='inline'>
<div class='cell'>lorem ipsum lorem ipsum</div>
<div class='cell'>lorem</div>
</div>
content