Javascript 将2个付款按钮居中水平对齐

我目前有两个订单按钮可以工作，但排列方式非常相似：

我需要它们看起来像这样：

这些都是在我的网站上使用的

我可以通过删除bitpay之前的“/表单”让它们像那样对齐，但这样bitpay按钮会将您带到paypal按钮链接。如果我添加“/表单”并打破水平对齐，我只能让您进入正确的订单页面。请帮忙

      <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXXXXXXXX">
<table>
<tr><td><input type="hidden" name="on0" value="200GB/2GB RAM">200GB/2GB RAM</td
</tr><tr><td><select name="os0">
<option value="1 MONTH">1 MONTH $25.00 USD</option>
<option value="3 MONTHS">3 MONTHS $65.00 USD</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="http://i.imgur.com/ORLogUb.png" border="0" name="submit"
alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="http://i.imgur.com/ORLogUb.png" width="1" height="1">
</form>
<form action="https://bitpay.com/checkout" method="post" >
<input type="hidden" name="action" value="cartAdd" />
<input type="hidden" name="data" value="XXXXXXXXXXXXXXXXXX" />
<input type="image" src="http://i.imgur.com/pSatyZL.png" border="1" name="submit"
alt="BitPay, pay with bitcoins." >

200GB/2GB内存请参阅上的实时示例

这两个表单需要额外的div包装器，还需要一些css

HTML

你能提供一个JSFIDLE吗？我对这个很陌生，我的网站基本上是香草CSS和一堆HTML。工作方法：这是我想要的非工作对齐方法：非常感谢您的帮助！我只是想澄清一下，我所说的“不工作”是指它看起来不错，但是点击第二个按钮可以看到第一个按钮（paypal checkout）的url。我是否能够复制HTML表单以获得所需的任意多个按钮？或者这些冲突会发生吗？CSS信息可以添加到我的样式中。CSS正确吗？我试图慢慢清理我的网站代码，因为我获得了更多的知识，谢谢你的贡献！我用上面的修正编辑了一个按钮，但是现在按钮显示在绝对底部，以页面为中心，基本上在页脚。不要忘记位置：相对于这些表单周围的div。如果不将position:relative属性应用于父div，则按钮将在页脚可见。是否添加and？我也不完全确定我是否将css添加到了样式文件中的正确位置。我能提供一个更完整的JSFIDLE吗。见顶部。你也需要这个部门。
<div class="form-container"> 

<!-- from paypal -->
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="XXXXXXXXXXXX">
    <p>
        <input type="hidden" name="on0" value="200GB/2GB RAM">200GB/2GB RAM
    </p>
    <p>    
        <select name="os0">
            <option value="1 MONTH">1 MONTH $25.00 USD</option>
            <option value="3 MONTHS">3 MONTHS $65.00 USD</option>
        </select>
    </p>

    <input type="hidden" name="currency_code" value="USD">
    <input type="image" src="http://i.imgur.com/ORLogUb.png" border="0" name="submit"
alt="PayPal - The safer, easier way to pay online!" class="button-paypal">
    <img alt="" border="0" src="http://i.imgur.com/ORLogUb.png" width="1" height="1">
</form>
<!-- /from paypal -->

<!-- form bitpay -->    
<form action="https://bitpay.com/checkout" method="post">
    <input type="hidden" name="action" value="cartAdd" />
    <input type="hidden" name="data" value="XXXXXXXXXXXXXXXXXX" />
    <input type="image" src="http://i.imgur.com/pSatyZL.png" name="submit"
alt="BitPay, pay with bitcoins." class="button-bitpay">
</form>
<!-- /form bitpay -->

</div>

.form-container {   
    text-align: center;
    position: relative;
    padding: 0 0 10px;
}

.form-container p {
    margin: 0 0 10px;
    padding: 0;
}

.button-paypal {
    position: absolute;
    bottom: 0;
    margin: 0 0 0 -90px;
}

.button-bitpay {
    position: absolute;
    bottom: 0;
    margin: 0 0 0 10px;
}