JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>Checkboxes</td>
        <td>Text</td>
    </tr>
    <tr>
        <td class="checkbox"><label><input type="checkbox" /></label></td>
        <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius in nibh a hendrerit.</td>
    </tr>
    <tr>
        <td class="checkbox"><label><input type="checkbox" /></label></td>
        <td>Praesent varius in nibh a hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
    </tr>
</table>

CSS

table {
  width: 300px;
  font-family: sans-serif;
  border-spacing: 0;
  border-collapse: collapse;
}
td {
  border: 1px solid #000;
  padding: 10px;
}
td.checkbox {
  position: relative;
  padding: 0;
}
td.checkbox label { 
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  background: #A6D785;
  display:flex;
  align-items: center;
  justify-content: center;
}