You are currently viewing a snapshot of www.mozilla.org taken on April 21, 2008. Most of this content is highly out of date (some pages haven't been updated since the project began in 1998) and exists for historical purposes only. If there are any pages on this archive site that you think should be added back to www.mozilla.org, please file a bug.

Skip to main content

Heading Tag Tests

Sample of the six HTML headings

All heading levels following should be in different sizes and display break of text flow around the heading.

A blank line should follow ...

Heading Level 1

There should be blank lines above and below me...

Heading Level 2

There should be blank lines above and below me...

Heading Level 3

There should be blank lines above and below me...

Heading Level 4

There should be blank lines above and below me...

Heading Level 5

There should be blank lines above and below me...

Heading Level 6

There should be blank lines above and below me...

There is no such thing as Heading Level 7. This should be in regular text.

Sample of the six HTML headings with text flow inside the heading

Heading Level 1 with text flowing onto the next line when the heading text is too long for a single line! Of course this depends on the heading level since each heading level has a different font size.

Heading Level 2 with text flowing onto the next line when the heading text is too long for a single line! Of course this depends on the heading level since each heading level has a different font size.

Heading Level 3 with text flowing onto the next line when the heading text is too long for a single line! Of course this depends on the heading level since each heading level has a different font size.

Heading Level 4 with text flowing onto the next line when the heading text is too long for a single line! Of course this depends on the heading level since each heading level has a different font size.

Heading Level 5 with text flowing onto the next line when the heading text is too long for a single line! Of course this depends on the heading level since each heading level has a different font size.
Heading Level 6 with text flowing onto the next line when the heading text is too long for a single line! Of course this depends on the heading level since each heading level has a different font size.

Sample of the six headings with CSS property text-align: LEFT|CENTER|RIGHT

Heading Level 1 with CSS property text-align: left

Heading Level 2 with CSS property text-align: left

Heading Level 3 with CSS property text-align: left

Heading Level 4 with CSS property text-align: left

Heading Level 5 with CSS property text-align: left
Heading Level 6 with CSS property text-align: left

Heading Level 1 with CSS property text-align: center

Heading Level 2 with CSS property text-align: center

Heading Level 3 with CSS property text-align: center

Heading Level 4 with CSS property text-align: center

Heading Level 5 with CSS property text-align: center
Heading Level 6 with CSS property text-align: center

Heading Level 1 with CSS property text-align: right

Heading Level 2 with CSS property text-align: right

Heading Level 3 with CSS property text-align: right

Heading Level 4 with CSS property text-align: right

Heading Level 5 with CSS property text-align: right
Heading Level 6 with CSS property text-align: right

Next Test: blockquote tag test