<p> tag has padding around it

kurac 0
Viewed 37

I have form with multiple inputs in it:

<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 }}">

but when I add <p>Please enter your email</p> under email it creates much more space than I would want

forms django css html
2 Answers

that's margin not padding and you can change its value to achieve your desired space using CSS.

for example this is your p element:

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

you can set your desired value for its margin like this:

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

Maybe u can try this

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

aastha0
Related