JSFiddle - React, Tailwind, and code Playground

by fxi

HTML

<table>
  <tbody>
    <tr>
      <td id="big">Jims lk k lk <br> test</td>
      <td><input type="checkbox"/ id=1><label for=1>test</label></td>
  
    </tr>
    <tr>
      <td>Sue</td>
     <td><input type="checkbox"/ id=2><label for=2>test 3</label></td>
 
    </tr>
    <tr>
      <td>Barb</td>
      <td><input type="checkbox"/ id=3><label for=3>test 3</label></td>
     
    </tr>
  </tbody>
</table>

CSS

#big {
  font-size:40px;
}

td > input {
  display:none;
}
td > input ~ label {
  cursor:pointer;
}
td > input:checked ~label:before {
  content:"=";
}