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的右側。

最終，我想添加一個輸入文本字段，並使它們都對齊到右側#row。 http://jsfiddle.net/qk0jp5pt/1/

有人可以告訴我做錯了什麼！

感謝

Answer 1

添加：

text-align: right;

到#row的伎倆

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

Answer 2

您可以使用DIV的內容或輸入浮動。

 

    float: right;