Align buttons in the td element to right

Question

have the following html structure. I want to display the buttons in the td elements aligned to right. Tried float:right in the css. But no change. please let me know where i am making mistake. Thanks in advance

<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>

Answer 1

Use float: right property in CSS

Answer 2

First give some width to the table.

Then you can use,

float: right (or) align: right