Html 如何定位输入组件的y坐标？

这是我试图实现的UI原型

以下是我目前拥有的：

还有我的CSS代码，用于控制输入组件的位置

input {
   background-color:red;
  transform: translateY(-200px); 
  padding: 0px;
  transform: translateX(-120px)
 }

输入标记排列不正确。对我来说，在这里使用最有意义的是属性，但translateY和translateX似乎可以相互撤销
我能够将组件的x位置与

      transform: translateX(-120px)

但无论我在translateY中输入什么值，都没有效果

---

有人知道输入到translateX和translateY的参数会达到我想要的效果吗。我应该使用不同的CSS属性来执行此操作吗？

表不是一个选项吗？@divy3993谢谢表是一个更好的选项。我调整了代码。你能看看这个吗？我应该看什么？@divy3993哇对不起，我发了一个链接回我的个人资料。我解决了这个问题。谢谢