JSFiddle - React, Tailwind, and code Playground

HTML

<div class="FormContainer">
  <form id="LoginForm" name="LoginForm" method="post">
    <p>
      <label for="EmailAddressLoginField">Email Address:</label>
      <input type="text" name="EmailAddressLoginField" id="EmailAddressLoginField">
    </p>
    <p>
      <label for="PasswordLoginField">Password:</label>
      <input type="text" name="PasswordLoginField" id="PasswordLoginField">
    </p>
    <p>
      <input type="submit" name="LoginButton" id="LoginButton" value="Login">
    </p>
  </form>
</div>

CSS

.FormContainer {
  width:500px;
}

.FormContainer p {
  position:relative;
  padding-left:120px;
}

.FormContainer p:after {
  content:'';
  display:table;
  clear:both;
}

.FormContainer input, .FormContainer label {
  display:inline-block;
  float:left;
  box-sizing:border-box;
}

.FormContainer input {
  width:100%;
}

.FormContainer label {
  position:absolute;
  left:0;
}