JSFiddle - React, Tailwind, and code Playground

HTML

<x-table><x-td>x</x-td><x-td>y</x-td></x-table>
<button><x-td>x</x-td><x-td>y</x-td></button>

CSS

x-table, button {
  display: table;
  padding: 100px;
  background: yellow;
  border-collapse: collapse;
}

x-td { display: table-cell; }