h1 Heading: This heading is rather long. You can see that the line-height is preserved after the font-size has been resized. Some paragraphs have been placed below the following h1-h6 headings.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu viverra magna. Nunc in felis magna, sed bibendum diam. Nam ut dolor mollis mauris laoreet tincidunt sed ac felis. Nulla iaculis pretium leo, et hendrerit nibh eleifend et. Fusce nec ultrices ante. Maecenas viverra consequat mi dignissim vehicula.

h2 Heading: All other headings on this page are also h2.

h3 Heading: Mauris pellentesque, erat et fringilla luctus, libero erat dictum lacus, at ornare sapien sem vitae ligula. Sed ut nulla lacus, posuere convallis tortor.

h4 Heading: Mauris pellentesque, erat et fringilla luctus, libero erat dictum lacus, at ornare sapien sem vitae ligula. Sed ut nulla lacus, posuere convallis tortor.

h5 Heading

h6 Heading

Block level elements:

A <p>aragraph: Lorem ipsum dolor sit amet, elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Another <p>aragraph: Phasellus sagittis mattis sem non tempor. In tristique ligula blandit odio aliquam at commodo tellus tristique. Cras sit amet massa metus. Vestibulum auctor semper gravida. Nulla vitae dolor diam, et commodo neque. Vestibulum eleifend convallis metus, nec ultricies nulla blandit sed. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus molestie erat nec nunc pellentesque ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam nec est dui. Fusce vitae risus felis. Nullam lorem lorem, consequat quis placerat ac, viverra rhoncus nibh. Sed vel massa nunc.

This is a blockquote containing two paragraphs: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu viverra magna. Nunc in felis magna, sed bibendum diam. Nam ut dolor mollis mauris laoreet tincidunt sed ac felis. Nulla iaculis pretium leo, et hendrerit nibh eleifend et. Fusce nec ultrices ante. Maecenas viverra consequat mi dignissim vehicula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu viverra magna. Nunc in felis magna, sed bibendum diam. Nam ut dolor mollis mauris laoreet tincidunt sed ac felis.

Address: London, United Kingdom (Europe)

Some preformatted text comes below this paragraph:

Lists

The exact presentation of the three list types depends on the user agent. We discourage authors from using lists purely as a means of indenting text. This is a stylistic issue and is properly handled by style sheets. (this sentence was found at http://www.w3.org/TR/REC-html40/struct/lists.html)

This is a paragraph before a nested unordered list. Additionally, certain tags are presented within:

Bolded elements:
- This is the strong tag example
- This is the the b tag example
Emphasized elements:
- This is the em tag example
- This is the i tag example
- This is the cite tag example
- This is the dfn tag example
- This is the var tag example
Elements in monospace font:
- This is the code tag example
- This is the kbd tag example
- This is the samp tag example
- This is the tt tag example
Other elements:
- This is the a tag example
- This is the big tag example
- This is the small tag example
- This is the abbr tag example
- This is the acronym tag example
- This is ~~the del tag~~ example
- This is the ins tag example
- This is _{the sub tag} example
- This is ^{the sup tag} example
- This is the q tag inside a q tag example

In order to test how subscripts and superscripts (sub and sup tags) work inside running text, we need some dummy text around constructs like x₁ and H₂O. So here is some fill so that you will (hopefully) see that those elements do not mess up vertical spacing between lines. Now superscripts: M^lle, 1^st, and then some mathematical notations: e^x, sin² x, and some filling text too: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
(this demo text was inspired by http://developer.yahoo.com/yui/examples/base/base-simple_source.html)

Here comes an ordered list:

One.
Two.
Three. This list item is longer: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu viverra magna. Nunc in felis magna, sed bibendum diam. Nam ut dolor mollis mauris laoreet tincidunt sed ac felis. Nulla iaculis pretium leo, et hendrerit nibh eleifend et. Fusce nec ultrices ante. Maecenas viverra consequat mi dignissim vehicula.
Four.
Five
Six
Seven
Eight
Nine
Ten

Definition lists vary only slightly from other types of lists in that list items consist of two parts: a term and a description. The term is given by the dt element and is restricted to inline content. The description is given with a dd element that contains block-level content. (this definition has been quoted from http://www.w3.org/TR/REC-html40/struct/lists.html)

Here comes the definition list (dl):

Apple: is a fruit.
Banana: Is also a fruit.
Tomato: Is debatable. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

(demo text found at http://developer.yahoo.com/yui/examples/base/base-simple_source.html)

Tables

This is the table **caption**. And below you can see a table with thead, tfoot and tbody
(contains th and td elements).
Table Header #1	Table Header #2
Table footer
td 1	td 2
td 3	td 4
td 5 shows vertically alignment to the top. td 5 shows vertically alignment to the top. td 5 shows vertically alignment to the top.	td 6
td 7	td 8