Как выровнять ввод формы в HTML

Question

Я изо всех сил пытаюсь выровнять ввод в этой форме. Я много чего пробовал, но ни один из них не работал.

Если кто-нибудь может помочь мне исправить это, это будет здорово. Пожалуйста, найдите прикрепленный код и форму

введите описание изображения здесь введите описание изображения здесь

[

<form action="" method="post" enctype="text/plain">
  <label>First Name</label>
  <input type="text" name="Your Name" value=""><br/>
  <labe>Last Name</label>
    <input type="text" name="Last Name" value=""><br/>
  <label>Contact Number</label>
  <input type="value" name="Contact Number" value=""><br/>
  <label>Email address</label>
  <input type="email" name="Email" value=""><br/>
  <label>Date of the application</label>
  <input type="date" name="Date"><br>
  <label> Add your message</label><br>
  <textarea name="Message" rows="10" cols="30"></textarea><br>
  <label>Have you read the terms and condition of the website?</label>
  <input type="checkbox" name="box"><br>
  <label>Submit application</label>
  <input type="submit" name="">
</form>

] 3

Answer 1

Как выровнять формы ввода в HTML На этот вопрос уже был дан ответ. Если бы вы могли рассказать немного о том, что вы пробовали, а что не удалось, это может быть полезно.

Answer 2

Ваш вопрос не совсем понятен, но, похоже, вы хотите выровнять метку и ввод для всех мест с равным пространством между двумя элементами, верно?

Я изменил ваш код и создал новый код, посмотрите на это, вы получите некоторое представление. это даст равное пространство между меткой и вводом.

HTML код:

<div class="form-label">
    <label>Name</label>
    <input type="text" name="">
</div> 

CSS код:

label {
  color:#000;
  width:50%;
  float: left;
}
.form-label{
  width :100%;
  display:inline-block;
}
input{
  width:50%;
}