Well, I have found that css was very hard to predict and precise control their apperance.

When mix and use the p and h? tags. Their apperaence were not identity.
Place the h? tags within the p tag causes style error on both firefox and IE.

So, anyone should do it reserved, instead, place the p tag with any h? tags will do the jobs on both browsers.

Still learning it coz it much varies when doing styles.

Tested it on XHTML 1.0 Strict

I did not understand your post quite well. I think what you are trying to say is this:

This is valid:


This is also valid:


This is not valid ([X]HTML error) and redundant:

This is not valid:

By using valid XHTML Strict and CSS that isn't too fancy (syntax-wise, not appearance), you can be sure it is fairly consistent with most browsers (IE, Firefox, Opera, Safari), with some minor issues IE.

(e.g. Do not use "fancy" things like table[summary^="Employee Info"] because they won't be properly read in IE most likely.)

This post has been edited by FirefoxRocks: Jun 27 2008, 12:24 AM

Yep, you really shouldn't mix P tags with header tags. One is essentially like the other, only Header tags will format the text differently.

You can customize how the text looks in those types of tags using CSS. So if you want a H2 tag to be 12px, and a H1 tag to be 16px, you can just do that in a style sheet, and it will automatically apply those styles whenever you use those tags. Saves the trouble of updating individual sections of code if you need to change something, as you will only need to change the style sheet, and it will automatically update whichever page is using that stylesheet!