JSFiddle - React, Tailwind, and code Playground

HTML

<style>
  label {
    float: left;
    margin: 5px 0px;
    width: 150px;
  }
  label + * {
    margin: 5px 0px;
    width: 200px;
  }
  .clear {
    clear: both;
  }
</style>

<div>
  <label for="username">Username:</label>
  <input value=connelhooley>
  <div class="clear">
</div>
<div>
  <label for="password">Password:</label>
  <input type="password" value="hunter2">
  <div class="clear">
</div>
<div>
  <label for="autologin">Remember Me</label>
  <input type="checkbox" class="checkbox" id="autologin" name="autologin" value="1">
  <div class="clear">
</div>
<div>
  <label for="autologin2">Remember Me 2</label>
  <span><input type="checkbox" class="checkbox" id="autologin2" name="autologin2" value="1"></span>
  <div class="clear">
</div>