Как сделать инпуты ровно?

Question

JackShcherbakov @JackShcherbakov

CSS

Как сделать инпуты ровно?

Здравствуйте есть вот такой код https://jsfiddle.net/CitizenOne/gkLg2hLm/3/
Надо каким-то образом сделать все ровненько, но меня какбуд-то бы молнией ударило и я не могу сделать то, что делал более полугода. Надо что бы было примерно так.

Вопрос задан более трёх лет назад
259 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Answer 1 · 2017-07-25 17:27:05

Вам нужно обернуть лейбл+инпут в один div. Так как у лейблов и инпутов display: inline-block, они будут в одну строчку. Например, вот так:

<div>
    <label for="name">Имя</label>
    <input type="text" name="name" id="name" placeholder="Введите имя">
</div>

И так для каждой группы лейбл+инпут.

Как сделать инпуты ровно?

Войдите на сайт