HTML Submit button won't center

I am having an issue…here is my code:

<!--START Scripts : this is the script part you can add to the header of your theme-->
<script type="text/javascript" src="https://seizethebeat.net/wp-includes/js/jquery/jquery.js?ver=2.5.9"></script>
<script type="text/javascript" src="https://seizethebeat.net/wp-content/plugins/wysija-newsletters/js/validate/languages/jquery.validationEngine-en.js?ver=2.5.9"></script>
<script type="text/javascript" src="https://seizethebeat.net/wp-content/plugins/wysija-newsletters/js/validate/jquery.validationEngine.js?ver=2.5.9"></script>
<script type="text/javascript" src="https://seizethebeat.net/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.5.9"></script>
<script type="text/javascript">
                /* <![CDATA[ */
                var wysijaAJAX = {"action":"wysija_ajax","controller":"subscribers","ajaxurl":"https://seizethebeat.net/wp-admin/admin-ajax.php","loadingTrans":"Loading..."};
                /* ]]> */
                </script><script type="text/javascript" src="https://seizethebeat.net/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.5.9"></script>
<!--END Scripts-->

<div class="widget_wysija_cont html_wysija"><div id="msg-form-wysija-html525eacfe6cb83-2" class="wysija-msg ajax"></div><form id="form-wysija-html525eacfe6cb83-2" method="post" action="#wysija" class="widget_wysija html_wysija">
<p class="wysija-paragraph">
    <label>Name <span class="wysija-required">*</span></label>
    <input type="text" name="wysija[user][firstname]" class="wysija-input validate[required]" title="Name"  value="" />

    <span class="abs-req">
        <input type="text" name="wysija[user][abs][firstname]" class="wysija-input validated[abs][firstname]" value="" />
    </span>

</p>
<p class="wysija-paragraph">
    <label>Email <span class="wysija-required">*</span></label>
    <input type="text" name="wysija[user][email]" class="wysija-input validate[required,custom[email]]" title="Email"  value="" />

    <span class="abs-req">
        <input type="text" name="wysija[user][abs][email]" class="wysija-input validated[abs][email]" value="" />
    </span>

</p>
<input class="wysija-submit wysija-submit-field" type="submit" value="Subscribe!" />

    <input type="hidden" name="form_id" value="2" />
    <input type="hidden" name="action" value="save" />
    <input type="hidden" name="controller" value="subscribers" />
    <input type="hidden" value="1" name="wysija-page" />

        <input type="hidden" name="wysija[user_list][list_ids]" value="3" />

 </form></div>

It is a form for my websites subscription to our newsletter. I want everything to be centered on the page. So, I highlighted everything and made it align to center. The editor SHOWS everything centered, but when I go to the page the button is NOT centered. I have tried everything…some help would be great! Here is the page:

https://seizethebeat.net/newsletter/