H2 Padding

[bigggidy]

Hello everyone,

Having a few problems with my h2 tags. I want to get rid of the padding that naturally occurs. Anyone know how to do this?

I tried

	padding:0px;
	margin:0px;

but to no avail.

If you could enlighten me that would be brilliant.

Mike

[Centauri]

If that is in the css for the <h2> tag :

h2 { padding: 0; margin: 0;}

then it should work (units not required when value is zero) - the only other thing that will effect the height is the line-height.

[bigggidy]

i did it exactly like that but it doesnt seem to work.

Any ideas?

[mhulse]

Here is basic example.

Does that help?

[DaveWoods]

If you could post your fullcode then it'll be easier to see what the problem is. Removing the padding and margin should work as you've done so presumably there's something else that has padding or margin's after the h2 that you haven't considered?

I'd tend to use

* {
  padding: 0;
  margin: 0;
}

at the beginning of my CSS to ensure that all default padding and margin's are removed and then apply it where I want it

If that doesn't help though then please post your fullcode and we'll take a look.

[bigggidy]

Thanks for the help guys, csswiz your trickery seemed to work perfect.

Mike

[DaveWoods]

It'll have probably been padding or margin's on the top of elements that followed on from the h2.

Remember that using the method above removes padding and margin from everything so for something's you'll need to reapply it. For example, lists will need them reapplying and it can cause problems with formfield formatting but as long as you're aware of potential problems then it's the easiest method.

[mhulse]

For more info on the star reset, and other approaches, this thread also has some good info.