Как сделать такую форму?

Question

[kentos]

Здравствуйте, помогите сделать такую форму


я пытался что-то

<form action="">
                  <div class="form_wrapper">
                      <label for="">Name 
                            <select id="mounth" class="custom">
                                    <option value="hide">Двоих</option>
                                    <option value="january">Двоих</option>
                                    <option value="february">Двоих</option>
                                    <option value="march">Двоих</option>
                                  </select>
                      </label>
                      <label for="">Data <input type="text" class="datepicker-here" placeholder="Data"></label>
                      <label for="">Time <input type="time" placeholder="TypeTime"></label>
                  </div>
              </form>

Css только у враппера -- это
display: flex;

если без селекта, то лэйбл выше инпута, а если с селектом то нет

Comments

[Ankhena]

Каким образом required влияет на анимацию label?

[Roweb]

Не понятно чего вы хотите

[kentos]

Roweb, Как на скрине

[Roweb]

kentos,

label select, label input{
  height: 100%;
  box-sizing:border-box;
}

Сделает равными по высоте

[poniyur]

Это задание, а не вопрос.
Идите изучать вёрстку или наймите фрилансера.
За спасибо вам никто делать не будет.

[Евгений Вольф]

Если Вы выложите код, например на CodePen (или подобный сервис, и желательно только тот код, который имеет отношение к делу/вопросу) - я думаю, кол-во людей желающих Вам помочь возрастёт.

[mrlag]

А в чем проблема?

Answer 1

[igumenov]

Примените выравнивание для враппера
что-то вида align-items: center;