html - 如何定位表格单元格 (td) 中的元素，使一个元素左对齐而另一个元素右对齐？

Question

给定以下 html 代码:

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

我想实现这样的目标:

我是否需要添加额外的标记，例如包装 div 以将一个 float 到左侧，另一个 float 到右侧？我还需要 td 中的元素垂直对齐。

用最少的附加标记实现这一目标的最佳方法是什么。

我这里有示例代码:http://jsfiddle.net/stormwild/AAw78/17/

一个相关的问题是，当一个单元格包含 float 元素时，如何使表格单元格之间的文本对齐保持一致？

Answer 1

CSS: td 按钮 { float: right; }

已排序。