JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<table>
  <tr><td>1</td></tr>
  <tr><td>2</td></tr>
  <tr><td>3</td></tr>
  <tr><td>4</td></tr>
</table>

<div>
  <span>1</span>
  <span>2</span>
  <span>3</span>
  <span>4</span>
</div>

CSS

td, table {
  border: 1px black solid;
}

table, div {
  display: flex;
  flex-direction: column;
}

table tr, div span {
  order: 1;
  display: block;
}

table tr:nth-child(2), div span:nth-child(2) {
  order: 0;
  background: red;
}