html中文本框如何往下移動？

1.新建一個html文件，命名為test.html。

2.在test.html文件內，使用div標簽創建一個模塊，并設置div的class屬性為mydiv，主要用于下面通過該class來設置css樣式。

3.在test.html文件內，在div標簽內，使用input標簽創建一個文本框，并設置input的id屬性為myinput。

4.在test.html文件內，編寫<style type="text/css"></style>標簽，頁面的css樣式將寫在該標簽內。

5.在css標簽中，定義類名為mydiv的樣式，使用border設置div的邊框為1px灰色邊框，使用width設置div的寬度為400px，使用height設置div的高度為200px。在瀏覽器中打開test.html文件，查看文本框未下移前的效果。

6.在css標簽內，定義id為myinput的樣式，使用margin-top設置文本框下移20px。

7.在瀏覽器打開test.html文件，查看實現的效果。