Как изменить положение поля ввода таким образом, чтобы оно больше не было горизонтально центрировано?

Question

Я хочу изменить положение текста ввода в верхнем левом углу.У меня нет успеха с тем, что я пробовал, и, возможно, я неправильно называю «вводимый текст» ...

Заранее спасибо за помощь этому новичку!

Я пробовал оба с использованием относительногои абсолютные позиции, а также установка поля ввода: 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;
}`