JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <input type="checkbox" id="checkbox1" name="checkbox1" value="checkbox1">
  <label for="checkbox1">Label for checkbox 1</label>
</div>
<div>
  <input type="checkbox" id="checkbox2" name="checkbox2" value="checkbox2">
  <label for="checkbox2">Label for checkbox 2</label>
</div>

CSS

div {
    padding:40px;}

label {
margin-right: 8px;
margin-left: -23px;
padding-left: 28px;
    border:solid black 1px;
}