Как сделать так что бы инпуты были ровно друг под другом, а не так как в нижеприведенном коде?

Question

[JackShcherbakov]

Вот код https://jsfiddle.net/gkLg2hLm/4/

Answer 1

[Андрей]

Я эту форму за вечер уже третий раз вижу.
Я предлагаю тебе два варианта:
1) Обратиться на фриланс за версткой.
2) Освоить азы верстки.
Конкретно по твоему вопросу, имеет место быть такое решение, разбиваешь форму на две колонки, в левой лейблы полей ввода, в правой, соотвественно, сами поля ввода.
Или же использовать флексы.

Comments

[Сергей Горячев]

Конкретно по твоему вопросу, имеет место быть такое решение, разбиваешь форму на две колонки, в левой лейблы полей ввода, в правой, соотвественно, сами поля ввода.

Честно говоря, самое ужасное решение, но за ответ + )))
А решение тут лучшее, добавить span https://jsfiddle.net/webirus/gkLg2hLm/6/
Либо, как вы правильно ответили, сделать на flex.
Но приводить пример не буду, автор вопроса все равно не разберется)))

[Андрей]

Сергей Горячев: Да, твое лаконичнее намного. Мне чего первое в голову пришло, то и брякнул :)

Answer 2

[Сергей Горячев]

https://jsfiddle.net/webirus/gkLg2hLm/6/

Answer 3

[Алексей]

Первое, что пришло на ум. Наверняка, есть решение лучше. https://jsfiddle.net/gkLg2hLm/7/