如何定位表格單元（td）中的元素，使一個元素左對齊，另一個右對齊？

Question

下面給出的HTML代碼：

<tr> 
    <td>Some text <a href="">Some link</a> <button>Some Button</button></td> 
</tr> 

我想實現這樣的事情：

我是否需要添加額外的加價，如包裝的div浮動之一左側和右側？我還需要在td內的元素垂直對齊。

什麼是以最小的附加標記達到此目的的最佳方法。

我這裏的示例代碼：http://jsfiddle.net/stormwild/AAw78/17/

一個相關的問題是如何保持文本表格單元格中是一致的對準當一個單元格包含浮動元素？

Answer 1

CSS：td button { float: right; }

排序。

Answer 2

嗨現在給浮動元素在你的按鈕移到

<button style="float:right;">Some Button</button> 

Demo

或

<button class="fr">Some button</button> 

的CSS

.fr{ 
float:right; 
}