I have been using a reset CSS set of styles for quite some time now and each time I got to create a new website, the reset the annoys me the most is the reseting of a p tag margin and padding. I understand why, but I’m wondering what the “default” padding and/or margin should be on a p element?
I’m guessing this isn’t consistent across browsers and often needs to be tweaked for each site, but is there a set of most common margin and/or padding values?
Short version: Is it (for example) 5px margin and padding on top and bottom…or something else?
The CSS 2.1 specification has an default style sheet for HTML 4. It’s just informative and not normative so browsers may use it but do not have to.
Another resource could be the webdeveloper tools of the browsers. Most can show you the cascade of rules that were applied to a particular element. An example: Firefox and Safari (WebKit) seem to use
margin: 1em 0pxforpelements.