如何使html中的上下2个text文本框对齐？？？

<table><tbody><tr> <td>文字</td><td><input type="text"></td> <td>文字</td><td><input type="text"></td> <td>文字</td><td><input type="text"></td> <td>文字</td><td><input type="text"></td> </tr></tbody></table> 

HTML超文本置标语言，用以描述超文本，是为网页创建和其它可在网页浏览器中看到的信息设计的一种置标语言。

HTML文本框文字对齐方式：

1、baseline：默认。元素放置在父元素的基线上。

2、sub：垂直对齐文本的下标。

3、super：垂直对齐文本的上标。

4、top：把元素的顶端与行中最高元素的顶端对齐。

5、text-top：把元素的顶端与父元素字体的顶端对齐。

6、middle：把此元素放置在父元素的中部。

7、bottom：把元素的顶端与行中最低的元素的顶端对齐。

8、text-bottom：把元素的底端与父元素字体的底端对齐。

9、inherit：规定应该从父元素继承 vertical-align 属性的值。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：td {padding: 20px}。

3、浏览器运行index.html页面，此时表格中的文字被设置为都距离上下左右20px大小。

---