JSFiddle - React, Tailwind, and code Playground

by glee

HTML

<div class = "main">
<div class = "wrapper">
<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">Glee is awesome!</button>
                
            </form>
    Glee is awesome!
</div>
</div>

CSS

html, body {
    height: 100%;
}
.main {
    height: 100%;
    width: 100%;
    display: table;
}
.wrapper {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}