将表格上方的按钮放在桌子右侧

Question

如何将按钮放在与右边对齐的桌子上方？

想象一下假想的垂直线放在桌子的右边。我希望按钮的右边界限放在那条线的位置。这是一个草案：

The example ilustrated http://i53.tinypic.com/2mhwgzr.png 正如您所看到的，该按钮与表格相同，并且不属于该表。
该表的大小设置为auto。
我已经尝试使用div作为包装但是没有工作。任何替代方案？

添加：我忘了：桌子应该与左边对齐。

Answer 1

只需使用以下CSS在两者周围添加div包装：

display: inline-block; 
text-align: right;

jsFiddle Demo

• 我的解决方案假定该按钮不是block，在这种情况下，您还必须将其浮动（text-align不会影响它）。

• display: inline-block;不适用于IE7，但there is a hack。

小解释：

display: inline-block;是此解决方案的核心。它使容器占用其子容器的宽度，在这种情况下可能是table（但如果按钮更大则没有问题）。

Answer 2

另一个包含两个元素（按钮和表格）然后右对齐顶部单元格的表怎么样？也许有点乱，但它会起作用。