Javascript 对齐一组按钮和纹理

我正在写一个小网站，上面有一系列的按钮纹理。我想整理一下演示文稿，特别是我想将按钮与文本区域对齐

到目前为止，我的html是：

<form action='/submit', method="GET">
    <td><INPUT TYPE=button onmousedown="myFunction()" value="Button1"></td>
    <td><INPUT TYPE=button onmousedown="myFunction()" value="Button2"></td>
    <td><INPUT TYPE=button onmousedown="myFunction()" value="Button3"></td>
    <td><INPUT TYPE=button onmousedown="myFunction()" value="Button4"></td>
    <td><INPUT TYPE=SUBMIT name="submit" value="Submit" style="float: right"></td> 
    <td><INPUT TYPE=Reset name="reset" value="Reset" style="float: right"></td>
    <Textarea id="ta" name="package" ROWS=100 COLS=111>{{package['text']}}</textareaa>
</form>

{{package['text']}

我希望所有的按钮和文本区域在左右边距处对齐，提交/重置按钮向右浮动

我已经包括了我想要的快速绘图：

---

我假设右边距和左边距的宽度相同。在这种情况下，将整个内容包装在一个div中，设置css样式，display:inline块和text align:center。这将使div在中心对齐（水平）。现在相应地设置宽度的大小（假设您将其设置为80%宽度，那么它将在左侧和右侧留下10%的空间。）

---

使用float:left或right来相应地设置按钮的位置。

我假设左右边距的宽度相同。在这种情况下，将整个内容包装在一个div中，设置css样式，display:inline块和text align:center。这将使div在中心对齐（水平）。现在相应地设置宽度的大小（假设您将其设置为80%宽度，那么它将在左侧和右侧留下10%的空间。）

使用float:left或right可相应地设置按钮的位置。

.form{
高度：250px；
宽度：250px；
}
.表格：第n名子女（6）{
浮动：对；
}
.btn{
显示：内联块；
宽度：23%；
高度：25px；
背景颜色：浅灰色；
边框：1px纯黑；
}
.文本区{
宽度：100%；
高度：200px；
背景色：暗灰色；
边框：1px纯黑；
}

.form{
高度：250px；
宽度：250px；
}
.表格：第n名子女（6）{
浮动：对；
}
.btn{
显示：内联块；
宽度：23%；
高度：25px；
背景颜色：浅灰色；
边框：1px纯黑；
}
.文本区{
宽度：100%；
高度：200px；
背景色：暗灰色；
边框：1px纯黑；
}

请阅读。关键短语：“搜索、研究”和“解释……任何阻碍你自己解决的困难”。现在我看不到你自己试图解决的问题。请阅读。关键短语：“搜索、研究”和“解释……任何阻碍你自己解决的困难”。现在我看不出你自己试图解决的问题。