Question

I want to place a text and button in a table cell. The button needs to be aligned to the right. If I apply float:right style to the button the vertical alignment is going bad. Any help?

Here’s jsfiddle with no float:right, vertical alignment is fine here:
http://jsfiddle.net/5GRHL/2/

Here’s jsfiddle with float:right applied:
http://jsfiddle.net/5GRHL/3/

Answer 1

I believe the easiest solution is to set a fixed height to your button, and applying that same height as a line-height to the text. Something like this:

td
{
    height:50px;
    width:80px;
    vertical-align:middle;
    line-height: 22px;
}
td button 
{
    float:right;
    height: 22px;
}

I updated the fiddle: http://jsfiddle.net/5GRHL/26/