JSFiddle - React, Tailwind, and code Playground

HTML

<p class="login-button">
    <input type="submit" id="login-submit" value="Log On" />
    <div class="wrap">
    <img style="padding-left:20px;" id="loadingDiv" src="/Content/ib/images/ajax-loader.gif" />
    <span id="error" style="color:red; padding-left:13px;">text </span>
    </div>
</p>

CSS

.login-button{ vertical-align:middle; height:240px; line-height:30px; display:block; background:pink;}
.wrap{ position:absolute; top:50%; height:240px; margin-top:-120px; /* negative half of the height */}