JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <p>
        <label>Username:</label>
        <input/>
    </p>
</form>

CSS

form {
background-color: #D3D3D3;
height: 500px;
width: 400px;
}
form p{
    float: left;
    position: relative;
    width: 100%;
}
label {
    float: left;
position: relative;
width: 100%;
}
input {
    border:0;
    float: left;
    height: 20px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}