Тег <p> имеет подложку вокруг себя

У меня есть форма с несколькими входами в ней:

<input type="text" placeholder="First name" class="input_1_error input_1">
<input type="text" placeholder="Last Name" class="input_2" name="last_name" size="1" value="{{ data.last_name }}">
<input type="text" placeholder="Username" class="input_3" name="username" size="1" value="{{ data.username }}">
<input type="text" placeholder="Email" class="input_6 input_6_error" name="email" size="1" value="{{ data.email }}">

но когда я добавляю <p>Please enter your email</p> под электронной почтой, это создает гораздо больше места, чем я хотел бы

это margin, а не padding, и вы можете изменить его значение для достижения желаемого пространства с помощью CSS.

например, это ваш элемент p:

<p class="paragraph">Please enter your email</p>

вы можете установить желаемое значение для его маржи следующим образом:

.paragraph {
  margin: <top> <right> <bottom> <left>;
}

Может быть, вы можете попробовать это

<p>Please enter your email:<input type="text" placeholder="Email" class="input_6 input_6_error" name="email"></p>

Вернуться на верх