JSFiddle - React, Tailwind, and code Playground

by qhoc

HTML

<div class=t>
    <div class=r>
        <div class=c>A1</div>
        <div class=c>B1</div>
        <div class=c>C1</div>
    </div>
    <div class=r>
        <div class=c>A2</div>
        <div class=c>B2</div>
        <div class=c>C2</div>
    </div>
</div>

CSS

.t {
  display: table;
}

.r {
  display: table-row;
}

.r:hover {
  background: gray;
}

.c {
  display: table-cell;
  margin: 5px;
}