JSFiddle - React, Tailwind, and code Playground

by Tiago Antonio Jacobi

HTML

<div id="login_div">

<form>

    <ul id="login_nav">
        <li>
            <span class="login_span">Username</span>
            <input class="login_input" type="text" name="username" />

        </li>

        <li>
            <span class="login_span">Password</span>
            <input class="login_input" type="password" name="password"/>
        </li>

        <li>
            <input type="submit" value="Login" />
        </li>

    </ul>

</form>

CSS

li {
    background-color:red;
    border: solid 1px black;
}

#login_nav li span,
#login_nav li input { display: table-cell; }