Как правильно задать интервал для полей ввода формы? ⇐ CSS

[Anonymous]

Мне не удалось задать расстояние между столбцом текста и полями ввода в форме. Я хочу, чтобы моя веб-страница выглядела так же, как мой дизайн на первом изображении, но в результате я получил второе изображение ниже.
[img]https://i.sstatic .net/TUCEXeJj.jpg[/img]


подскажите мне, как мне это исправить, чтобы между столбцами текста и полями ввода было расстояние, как в моем дизайне на первом изображении?
Это мой текущий код >

Код: Выделить всё

[img]file:///C:/xampp/htdocs/templatemo_591_villa_agency/assets/images/lady-sitting-table-near-        laptop-smartphone.jpg[/img]
  alt="lady-sitting-table-near-laptop-smartphone">

Register to start
Already registered? login here

Full Name


Your email


 Country of residence


 Date of birth

это моя работа над дизайном

Код: Выделить всё

https://codepen.io/Samuel-Christian-the-looper/pen/oNRpaBm

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

Подробнее здесь: https://stackoverflow.com/questions/786 ... -of-a-form