JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <div>
        <label for="username">Username</label>    
        <input type="text" id="username" name="username" size="20"/>
    </div>
    <div>
        <label for="password">Password</label>   
        <input type="password" id="password" name="password" size="20"/>
    </div>
</form>

CSS

div {
  clear: both; 
  width: 300px;
}

div label {
   float: right;
   text-align: right;
}

div input {
   float: left;   
}