JSFiddle - React, Tailwind, and code Playground

by jimcan

HTML

<link rel="stylesheet" href="https://qa.mydmv.pro/lib/font-awesome/css/font-awesome.css">
<div>
This is a test
<table>
<tr>
  <td >Column 1</td>
  <td class="attDD"><div>
  </div></td>
  <td >Column 3</td>
  <td class="attDD"><div>
  </div></td>
  <td >Column 4</td>
</tr>
</table>
</div>

CSS

td.attDD div {
    color: black;
    font-size: large;
    min-width: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
}
td.attDD div:before {
    content: ">";
    display: inline-block;
    position: center;
}
td.attDD div:after {
    content: "<";
    display: inline-block;
    position: center;
}

JavaScript

$(document).ready( () => { });