JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <input id="mycheckbox" type="checkbox" checked> 
  <label for="mycheckbox">Text</label>
</div>

CSS

.container {
   display: flex; 
}

[type=checkbox]:checked + label {
  color: red;
}

label {
  order: -1;
}