JSFiddle - React, Tailwind, and code Playground

HTML

<form>
      <div id="name">
    <input type="text" name="username" title="Username" size="10" placeholder="Username"/>
                                        </div>
                      <div id="name">
               <input type="password" name="password" title="Password" size="10" placeholder="Password"/>
                           </div>
<input type="submit" value="Login" id="button" style="width:55px; height:26px">
       </form>

CSS

#name { 
    border: 1px solid #000;
    height: 26px;
    width: 110px;
}
input[type=text], input[type=password]{
    font-size: 12px;
  color: #000;
     border: transparent;
}