JSFiddle - React, Tailwind, and code Playground

HTML

<form class="form">
  <input id="inputField">
  <label for="inputField">Field 1</label>
  <br>
  
  
  <input type="checkbox" id="input2">
  <label for="input2">Field 2 Label, may be longer than normal, This is an example for this lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem </label>
  <br>
  
  <input type="checkbox" id="input3">
  <label for="input3">Field 3 Normal long</label>
  
</form>

CSS

.form {
    width: 300px;
  }
#input2{
    float:left;
    
}
#input2 + label
{
  padding-left: 30px;
  padding-left: 30px;

display: block;
}