Live example: Here.

The <div> element gives the default spacing on the top, between the top border and the <p> tag. Is there a way to reduce the inner padding of a div? I've tried both of these:

padding: 0% 0% 0% 0%;

AND

padding-top: 0%;

Nick

The problem is you need to adjust both the <div> and the <p>. The spacing you get will be whatever is the maximum of the two so if you set the top of the div to be 0px, but the <p> has a default bottom of say 10px you still get the 10px between them.

I also think it's margins you want to change instead of the padding. You might also not want to set the margins (or paddings) for all <div>s and <p>s. It might work better to define classes that you can add to any <div>s or <p>s you want to have the new margin.

Originally Posted by vangogh

I also think it's margins you want to change instead of the padding.

Set the margin of the "Registration Error" <p> as follows, and it worked great! Thank you very much.

margin-top: 0%;

Nick

Glad to help. The same thing kept me confused for a long time until I came across how it worked.