Javascript 如何在CSS和HTML中对齐垂直文本框？

我是昨天开始的前端初学者，我正在通过FreeCodeCamp学习。我正在尝试建立一个调查网站。我想将文本框的左侧底部向下与左侧顶部对齐。我试图更改text-align元素的属性，但效果并不理想。如果已经有人问过这个问题，我很抱歉。我无法将以前的答案与我的联系起来

这是我的代码：

正文{背景色：98AFC7；} 头衔{ 文本对齐：居中； 字体系列：Arial、Times、serif； 字体风格：斜体； 颜色：白色； } 筛腹{ 背景色：RGB250250250； 保证金：0自动； 边界半径：4px； 宽度：75%； 最大宽度：1000px； 填充：10px； 填充顶部：20px； } p{ 文本对齐：居中； 字体系列：单空格，衬线； 字体大小：15px； } .rightTab{ 显示：内联块； 文本对齐：左对齐； 宽度：48%； 垂直对齐：中间对齐； } .leftTab{ 显示：内联块； 文本对齐：右对齐； 宽度：48%； 垂直对齐：中间对齐； } .eMailTab{ 显示：内联； 文本对齐：右对齐； 宽度：48%； } .名称字段{ 高度：20px； 宽度：140px； 填充物：5px； 利润率：10px； 边框：1px实心C0； 边界半径：2px； } .输入字段{ 高度：20px； 宽度：280px； 填充物：5px； 利润率：10px； 边框：1px实心C0； 边界半径：2px； } 调查表 请进行简短的调查，以帮助我们改进服务

通过使div display:inline，可以有效地删除width属性。因此，文本元素实际上是右对齐的，但是如果没有48%的全宽，文本框将保持不变。然而，这可能不是做这些事情的最佳方式。尝试内联块：

.eMailTab{
  display: inline-block;
  text-align: right;
  width: 62%;
}

要使电子邮件和名字框的左侧对齐，请调整电子邮件框的宽度

如果您想查看width属性的实际规格，那么答案是正确的：

您可以使用它轻松实现这一点。我对你的HTML和CSS做了一些修改，使之能够工作

身体{ 背景色：98AFC7； } 头衔{ 文本对齐：居中； 字体系列：Arial、Times、serif； 字体风格：斜体； 颜色：白色； } 筛腹{ 背景色：RGB250250250； 保证金：0自动； 边界半径：4px； 宽度：75%； 最大宽度：1000px； 填充：10px； 填充顶部：20px； } p{ 文本对齐：居中； 字体系列：单空格，衬线； 字体大小：15px； } .集装箱{ 宽度：75%； 最大宽度：600px； 保证金：0自动； } .行{ 显示器：flex； } 输入{ 弹性：1； 高度：20px； 最小宽度：0； 填充物：5px； 利润率：10px； 边框：1px实心C0； 边界半径：2px； } 调查表 请进行简短的调查，以帮助我们改进服务

---

为什么emailTab不在HTML文件中的rowTab中？因为该行表示名字和姓氏。我对您想要的结果感到困惑。。。你能说得更清楚一点，还是添加一张具有所需布局的图片？你是否需要电子邮件地址框位于名字和姓氏框的底部之间？@Calvinnues我需要电子邮件文本框的左端与我的名字文本框的左端对齐。而且，仅仅为我写答案并没有真正的帮助。你能解释一下吗？