JSFiddle - React, Tailwind, and code Playground

by Virginie LE GUEN BERTHEAUME

HTML

<table>
  <tr role="row" class="even">
    <td>Other Color</td>
    <td class="green">Green</td>
  </tr>
</table>

CSS

.green:after {
  content: "";
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
  background: green!important;
  vertical-align: middle;
}

.green {
  font-size: 0;
}

td {
  border: 3px solid #000;
}