JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
    <form wicket:id="loginForm">
      <legend>Sign in</legend>
      <fieldset>
        <ol>
          <li>
            <label for="email" class="email-label">E-mail</label>
            <span><input type="email" wicket:id="email" id="email" spellcheck="false" required/></span>
          <li>
            <label for="password" class="passwd-label">Password</label>
            <span><input type="password" wicket:id="password" id="password" required/></span>
          </li>
        </ol>
      </fieldset>
    </form>
</body>
</html>

CSS

li {
    margin-bottom: 8px;
}

input {
    height: 24px;  
    border: 1px solid #000000;
    width: 100%;
}

label {
    float: left; 
    width: 4.5em; 
}

span {
    display: block;
    overflow: hidden;  
}