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

Question

我想将输入文本的位置更改为左上角。我的尝试没有成功，也许我可能将“输入文本”称为错误......

提前感谢您帮助这个新手！

我已经尝试过使用相对位置和绝对位置以及将输入设置为 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; */
}

标签： htmlcssformsinputposition

Answer 1

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

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

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