<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
HTML fájl</title>
<link href="ch0812.css" rel="stylesheet" type="text/css">
</head>
<body>
<p>
Normál méret (örökli a body elem méretét): Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nec dolor ac augue volutpat fermentum. Etiam justo magna, pulvinar et, eleifend sed, varius vel, quam. Pellentesque pulvinar tristique justo. Mauris eget tellus a nulla ornare eleifend. Maecenas accumsan tincidunt mi.</p>
<p class="xxsmall">
XX-small: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nec dolor ac augue volutpat fermentum. Etiam justo magna, pulvinar et, eleifend sed, varius vel, quam. Pellentesque pulvinar tristique justo. Mauris eget tellus a nulla ornare eleifend. Maecenas accumsan tincidunt mi.</p>
<p class="xsmall">
X-small: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nec dolor ac augue volutpat fermentum. Etiam justo magna, pulvinar et, eleifend sed, varius vel, quam. Pellentesque pulvinar tristique justo. Mauris eget tellus a nulla ornare eleifend. Maecenas accumsan tincidunt mi.</p>
<p class="small">
Small: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nec dolor ac augue volutpat fermentum. Etiam justo magna, pulvinar et, eleifend sed, varius vel, quam. Pellentesque pulvinar tristique justo. Mauris eget tellus a nulla ornare eleifend. Maecenas accumsan tincidunt mi.</p>
<p class="medium">
Medium: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nec dolor ac augue volutpat fermentum. Etiam justo magna, pulvinar et, eleifend sed, varius vel, quam. Pellentesque pulvinar tristique justo. Mauris eget tellus a nulla ornare eleifend. Maecenas accumsan tincidunt mi.</p>
<p class="large">
Large: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nec dolor ac augue volutpat fermentum. Etiam justo magna, pulvinar et, eleifend sed, varius vel, quam. Pellentesque pulvinar tristique justo. Mauris eget tellus a nulla ornare eleifend. Maecenas accumsan tincidunt mi.</p>
<p class="xlarge">
X-large: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nec dolor ac augue volutpat fermentum. Etiam justo magna, pulvinar et, eleifend sed, varius vel, quam. Pellentesque pulvinar tristique justo. Mauris eget tellus a nulla ornare eleifend. Maecenas accumsan tincidunt mi.</p>
<p class="xxlarge">
XX-large: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nec dolor ac augue volutpat fermentum. Etiam justo magna, pulvinar et, eleifend sed, varius vel, quam. Pellentesque pulvinar tristique justo. Mauris eget tellus a nulla ornare eleifend. Maecenas accumsan tincidunt mi.</p>
<p class="pt">
12pt: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nec dolor ac augue volutpat fermentum. Etiam justo magna, pulvinar et, eleifend sed, varius vel, quam. Pellentesque pulvinar tristique justo. Mauris eget tellus a nulla ornare eleifend. Maecenas accumsan tincidunt mi.</p>
<p class="px">
20px: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nec dolor ac augue volutpat fermentum. Etiam justo magna, pulvinar et, eleifend sed, varius vel, quam. Pellentesque pulvinar tristique justo. Mauris eget tellus a nulla ornare eleifend. Maecenas accumsan tincidunt mi.</p>
</body>
</html>