JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <label for="name">Email : </label><input id="name" type="email" placeholder="@" />
    <br/><br />
    <label>Password : </label><input type="password" id="password"  placeholder="*"/>
</form>

CSS

form {margin:30px;}
label {
    width: 80px;
    height:20px;
    display: block;
    vertical-align:middle;
    float:left;
    clear:left;
}
input {
    border-top-left-radius:5px;
    border-bottom-right-radius : 10px;
    background:#141414;
    color:#fdd56c;
    outline:none;
        height:20px;
}