JSFiddle - React, Tailwind, and code Playground

HTML

<div id="login-box">
    <div>Login to my </div>
    <div id="login-form-box">
        <form>
            <input type="text" placehplder="username" />
            <input type="password" placeholder="password" />
            <input type="submit" value="OK" />
        </form>
        <div class="login-forgot">Forgot password</div>
        
    </div>
    
</div

CSS

body{background:green;}
#login-box{margin-top:50px;  
    width:350px;
    /*height:200px;*/
    margin-left:auto;
    margin-right:auto;}
#login-form-box{
    width:100%;
    height:100%;
    
    
   
    background-color:#fff;
    
}
#login-form-box form{ clear:both; display:block;}
#login-form-box input{float:left}
.login-forgot{text-align:right; clear:both;}