带有JavaScript程序的网页'；s标签未与其他标签/文本区域对齐

我很抱歉问了一些愚蠢的问题，但我试图弄乱CSS，几乎没做什么改变。我正在尝试获取标签/下拉列表（显示“撤回”默认情况下，将文本区域与其他区域对齐，并去除文本区域之间的一些空间，使其看起来更像我的导师提供的屏幕截图。我确实通过减少像素来减少区域之间的一些额外空间，但我不确定如何使其与屏幕截图完全相同

如果有人能提出建议，我将不胜感激

var pad_left=函数（文本、宽度、填充）{//设置文本区域格式
var result=text.toString（）；
while（result.length
正文{
背景：无重复滚动；
字体系列：Arial、Helvetica、无衬线字体；
}
#内容{
背景：无重复滚动；
边框：8px实心灰色；
利润率：10px自动；
填充：5px20px；
文本对齐：居中；
宽度：600px；
}
h1，h2{
文本对齐：左对齐；
}
标签{
显示：块；
浮动：左；
右侧填充：1em；
文本对齐：右对齐；
宽度：10em；
}
输入{
显示：块；
浮动：左；
}
挑选{
显示：块；
文本对齐：居中；
宽度：10em；
}
.formLayout标签{
浮动：左；
文本对齐：右对齐；
宽度：10em；
}
.formLayout输入{
边缘底部：0.5em；
左边距：0.5em；
}
.formLayout br{
明确：两者皆有；
}
​

月度余额计算器
月度余额计算器


添加事务



日期：




类型：
撤回
押金


数量：






交易







总结



起始余额：




存款总额：




提款总额：




期末余额




​我想这就是你需要的。
检查以下代码


var pad_left=函数（文本、宽度、填充）{//设置文本区域格式
var result=text.toString（）；
while（result.length