JSFiddle - React, Tailwind, and code Playground

by cgough

HTML

<div>
<label><input type="checkbox"/> Test</label>
</div>

<div>
<input type="checkbox"/> 
<label>Test</label>
</div>

CSS

label {
       display: block;
       padding-left: 15px;
       text-indent: -15px;
}

input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}