Examples of Using Classes

Look at the source for this page to see the style definitions. Compare using Internet Explorer and another browser.

1. This paragraph uses the class "UNDERLINED"

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean varius nunc at ante. Morbi in mauris. Fusce massa. Praesent malesuada, lorem eget molestie sagittis, dui lectus tristique mi, at vulputate turpis est non mi. Duis fermentum enim eu lectus.

2. This H2 uses the class "H2.UNDERLINED"

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean varius nunc at ante. Morbi in mauris. Fusce massa. Praesent malesuada, lorem eget molestie sagittis, dui lectus tristique mi, at vulputate turpis est non mi. Duis fermentum enim eu lectus.

3. This paragraph uses the class "UPPERCASED"

Aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla aliquam. Sed molestie. Nullam pharetra urna non tellus. In non leo. In non orci. Pellentesque eget dui.

4. This paragraph uses the class "UNDERLINED UPPERCASED" -- change the order in the style to see if makes a difference

Maecenas scelerisque malesuada quam. Proin id lectus. Fusce porta fermentum nibh. Pellentesque turpis. Pellentesque et nibh sit amet quam pulvinar rutrum. Nulla odio arcu, venenatis a, eleifend sed, sagittis dapibus, dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

5. This paragraph contains a <span> tag that uses the class "SPAN UNDERLINED UPPERCASED" -- note how it combines the classes and adds a new property to make the text red

Nunc mollis, est quis aliquet gravida, lacus metus hendrerit eros, sed tempor leo mauris quis velit. Morbi in odio. Nam pede mauris, cursus venenatis, varius sed, tempus quis, lorem. Praesent vel felis. Mauris tempor tortor quis nulla. Integer eu risus. Curabitur ipsum ligula, aliquam ut, aliquam quis, nonummy in, lectus.Donec purus. Fusce vestibulum adipiscing felis. Donec mauris.

6. This H2 uses the class "H2 UNDERLINED UPPERCASED"

Praesent ac tellus ac wisi consectetuer suscipit. Aliquam id elit eget risus pretium porta. Donec dolor. Aliquam quis sapien consequat est luctus lobortis. Integer ut lectus. Ut vitae diam non erat rutrum egestas. Mauris eget mauris ultrices lacus facilisis accumsan. Proin scelerisque elit et justo consequat ultricies. Nunc sed sem eu sem feugiat ultricies. Nullam sagittis accumsan metus. Aliquam at pede quis tortor tristique porttitor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi.