CSS Wrapping DIVS

Question

試圖建立一個簡單的登錄屏幕，以便在桌面設備和手持設備上「友好」。主登錄部分應該只包含一個標籤，其右側有一個文本框，文本框下方有一個「繼續」按鈕。棘手的一點是我希望看到每個換行屏幕尺寸減小。也就是說，如果它足夠窄，每個控件應該顯示爲「堆疊」在另一個之上。

一個寬屏幕（遺憾的粗圖象）

輸入登錄：                               ]
                                            |繼續|

在一個狹窄的scrren：

輸入登錄：
[                               ]
  |繼續|

我已經嘗試了幾個divs的組合，浮動到左邊，但我不能完全得到上面的樣子。任何人都可以提供建議嗎？

Answer 1

人們討厭表...但嘗一口......你谷歌

<table border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td> 
      <form action="index.html" method="get"> 
       First name: <input type="text" name="fname" /><br /> 
       Last name: <input type="text" name="lname" /><br /> 
       <input type="submit" value="Submit" /> 
      </form> 
     </td> 
    </tr> 
</table>