如何在表格单元格(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; }

排序.