JSFiddle - React, Tailwind, and code Playground

by nabtron

HTML

<div>
        <div id="header">
            <h1>Login</h1>
        </div>
            <form name="loginform">
            <fieldset>
                <legend>Login Form</legend>
                <label><span class="myspan">Username:</span> <input type="text" name="username"/><span>*</span></label>
                <label><span class="myspan">Password:</span> <input type="password" name="pass"/><span>*</span></label>
                <input type="reset" class ="resetButton"/> 
                <input type="submit" value = "Login" class="submitButton"/>
            </fieldset>
            </form>
    </div>

</html

CSS

h1 {letter-spacing: 1px; font-size: .4in; color: green;}
        span {color: red}
        legend {font-variant: small-caps; font-weight: bold}
        fieldset{width: 300px; font-family: Arial; sans-serif;
                 background-color : limegreen}
        label {display: block; position relative; line-height: 2;
                margin: 10px 0px;}
        .text {position: absolute; margin-left: 20px; width: 15em; left: 80px}
         span.myspan{width: 100px; display:inline-block;}