JSFiddle - React, Tailwind, and code Playground

by Joe Saad

HTML

<div>
  <input type="checkbox" id="check1" class="check-with-label" />
  <label for="check1" class="label-for-check">My Label</label>
<div>

<div>
  <input type="checkbox" id="check2" class="check-with-label" />
  <label for="check2" class="label-for-check">My Label</label>
<div>

<div>
  <input type="checkbox" id="check3" class="check-with-label" />
  <label for="check3" class="label-for-check">My Label</label>
<div>

CSS

input{
  float: right;
  margin-right: 20px;
}

.check-with-label:checked + .label-for-check {
  font-weight: bold;
  background: red;
}