CSS label vertical alignment with input fields?

Okay css alignments are slightly a black art with CSS2 so let me tell you what's happening.

Okay css alignments are slightly a black art with CSS2 so let me tell you what's happening: 1) the reset. Css you have probably is NOT resetting the padding of the input element which is why you are getting that off by 1/2 pixel error Try adding these to your style So one thing is to remove that padding from input: input { padding: 0 } You will now have to set the height of both label and input elements: . Fld { height: 16px; } .

Usr { height: 16px; } The other thing is that you probably want to align fields nicely one below the other. One way to achieve that is to make the label a block with float left property: . Usr { display: block; float: left; } and the .

Fld a block as well: . Fld { display: block } you would want to add some other parameters to p to make rendering something more aesthetic. Here is what I did to your file: Southrock HTML template Email* First Name* This renders the same way in IE/Safari/FF/Opera.

Thanks for taking the time to answer - edited my original question above to include your changes. Still not getting perfect alignment unfortunately. – TMA-1 Dec 20 '11 at 0:36.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.