JSFiddle - React, Tailwind, and code Playground

HTML

<form action="login.php" method="post" accept-charset="UTF-8" class="middletext">
<p>
<style type="text/css">
.form_label {
font-size: 100%;
color: #000000;
}
#user_name_login {
width: 70px;
}
#password_login {
width: 40px;
}
</style>
&nbsp;<label for="user_name_login" class="form_label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Username&nbsp;</label>
<input type="text" name="user_name_login" id="user_name_login" size="10" />
<label for="password_login" class="form_label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Password&nbsp;</label>
<input type="password" name="password_login" size="10" />
 <input type="hidden" name="cookie_time" value="10080" />

<input type="submit" value="" class="button-form" />
<input type="hidden" name="submitted" value="yes" />
<input type="hidden" name="remember_me" value="remember_me" />
<input type="hidden" name="referer_url" value="[var.referer]">
</p>
</form>

CSS

.button-form { 
    background-image: url(http://www.sokule.com/images/kulepage_images/submitButton.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    height: 21px;
    width: 48px;
    border: 0px;
    position: absolute;
    margin-left: 8px;
    margin-top: 2px;
}