如何以不再水平居中的方式重新定位输入字段的文本？

Question

我想把input的文字位置改到左上角。我尝试的方法没有成功，也许我可能会调用 "input text" 错误...

在此先感谢您对这位新手的帮助！

我已经尝试过使用相对和绝对位置以及将输入设置为 margin:0 完全没有改变。

 <form class="form-container">
   First name:<br>
   <input type="text" name="firstname" value="Mickey">
   <br>
   Last name:<br>
   <input type="text" name="lastname" value="Mouse">
   <br><br>
   <input type="submit" value="Submit">
 </form>

.form-container {
  float: left;
  width: 100%;

  /* position: relative; */
}

.form-container input {
  height: 40px;

  /* position: absolute;
  top: 0;
  left: 0; */

  /* margin: 0; */
}

Answer 1

尝试这样做。这是你需要的吗？

`.form-container {
 float: left;
 width: 100%;
}

.form-container input[type=text] {
padding-bottom: 40px;
}`

如何以不再水平居中的方式重新定位输入字段的文本？

How to reposition the text of an input field in a way that it is no longer horizontally centred?

html

css

forms

position

input