html - 将两个按钮对齐到一行的中心

Question

我有以下代码片段:

<tr>
    <td>
        <a style="text-decoration:none;font-family:Gotham,
                 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#ffffff;
                 background:#d95b23;width:170px;text-align:center;line-height:40px;
                 height:40px;display:block;font-size:15px;" href="%24%7BloginLink%7D">
                 Yes, Integrated</a>
    </td>
    <td>
        <a style="text-decoration:none;font-family:Gotham, 
                 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#ffffff;
                 background:#d95b23;width:170px;text-align:center;line-height:40px;
                 height:40px;display:block;font-size:15px;" href="%24%7BloginLink%7D">
                 No, Yet to Integrate</a>
    </td>
 </tr>

它在一行内作为两个单独的列。两个按钮都在最左边和最右边。如何将它们彼此靠近并置于中心？

我尝试过添加边距和 float ，但没有成功。

有人可以提供快速帮助吗？

Answer 1

这是对您的 JSFiddle 的更新

您需要添加一个 colspan到跨越包含您的按钮的 2 列的一次，否则按钮将不知道它们应该是什么大小，并且也将忽略大小作为第一个 <td>想要成为 <td> 的大小它上面。

<td colspan="2" style="font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#666666;line-height:22px;">
                                    Help us assist you better. Let us know if you’ve successfully completed your payment gateway integration.
                                  </td>

完成后，您需要添加

<td align="center">

如果你想在你的按钮周围添加一点填充，你可以像这样将它添加到 td 上:

<td align="center" style="padding:10px;">

更新的fiddle with padding