DIV布局和定位

Question

我努力定位输入按钮，然后在DIV右侧创建字段。

您可以在此处查看基本布局：http://jsfiddle.net/qk0jp5pt/

body { background-color:#C0C0C0; }
#page { width: 80%; margin: 30px auto; padding: 0; border: 1px solid #800000 }   
#row { width: 80%; border: 1px solid #FF0000; }                                                                                                                                                                   
#table { width: 80%; border: 1px solid #00FF00 }

#row是我尝试对齐的div。它的边框是红色的，我想将输入按钮移到DIV的右边。

最终，我想添加一个输入文本字段，并将它们与#row中的右边对齐。 http://jsfiddle.net/qk0jp5pt/1/

有人可以告诉我做错了什么！

谢谢

Answer 1

添加：

text-align: right;

到#row可以解决问题

http://jsfiddle.net/qk0jp5pt/2/

Answer 2

您可以将Float用于div内容或输入。

    float: right;