将按钮对齐到 td 元素的右侧

Question

我有以下HTML结构。我希望在元素中显示的按钮右对齐。在CSS中尝试了float:right，但没有变化。请告诉我我在哪里犯了错误。提前感谢。

<div id="saveResetDiv" class ="saveReset" style="display: none;">
     <table id ="tableSaveReset">
     <tbody>
     <tr id ="buttonSaveReset" class= "buttonSaveReset">
     <td class= "save"  align= "right" ><button id="saveButton" class="save" bgcolor="#FF0000" >Save</button></td>
     <td class= "reset" align= "right"><button id="resetButton" bgcolor="#FF0000">Reset</button></td>
     </tbody>

     </table>
      </div>

- BPD1

---

也许是这样？- https://jsfiddle.net/soledar10/5b65gv5b/ 或 https://jsfiddle.net/soledar10/j9yooxb5/ - Dmitriy

Answer 1

使用CSS中的float: right属性

- Parthipan Subramaniam

---

在 jsfiddle 上分享你的代码片段。 - Parthipan Subramaniam

给你的 CSS 类赋予 !important 属性。 - Parthipan Subramaniam

Answer 2

首先给表格设置一些宽度。

然后您可以使用以下代码：

float: right（或）align: right

- Sravan

Answer 3

你只能将这两个按钮左对齐或右对齐

- raphid 32

---

你可以通过编写代码片段来改进你的答案。 - 0xPrateek