JSFiddle - React, Tailwind, and code Playground

HTML

<form name="signup" class="signup" action="signup.php" style="border: 1px solid #000; ">
            
                <input type="text" placeholder="Email"/><br>
            
                <input type="text" placeholder="Username"/><br>
            
                <input type="password" placeholder="Password"/><br>
            
                <button type="submit">Next</button>
                
            </form>

CSS

form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */	    
}