JSFiddle - React, Tailwind, and code Playground

HTML

<div id="headuser">
            <a id="logindd" href="#">Login</a>

                <ul id="loginboard">
                    <li>
                        <form method="post" action="/wp-login.php" name="loginform">    
                            <input type="text" name="log" id="username">
                            <input type="text" name="pwd" id="password">
                            <label for="rememberme"><input type="checkbox" value="forever" id="rememberme" name="rememberme">Keep me signed in!</label>
                            <input type="submit" value="Sign in">
                        </form>
                        <span id="forgotpassword"><a href="#">Forgot Password?</a></span>
                        <span id="createaccountbtn"><a href="#">Create an account!</a></span>
                    </li>
                </ul>
            
            <a id="wishlistdd" href="#">My Wishlist (0)</a>
        <!-- End #headuser --></div>

CSS

#loginboard {display: none;}