<!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">
<link href="ch0904.css" rel="stylesheet" type="text/css">
<title>
HTML fájl</title>
</head>
<body>
<ul class="inside">

  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi viverra pulvinar ligula. Aenean vestibulum, neque ut tincidunt nonummy, nisi dui suscipit lectus, et ultrices lectus diam id metus. Aliquam nulla. Mauris rhoncus libero sit amet dui. </li>
  <li>Etiam convallis consectetuer augue. Sed non lacus ut leo elementum dictum. Nunc ut lectus vel mi varius posuere. Maecenas porta. Phasellus at erat. Cras ipsum diam, congue nec, luctus vel, ullamcorper ac, eros.</li>
  <li>Nunc ut enim. In rhoncus eros eget tellus. Curabitur in sapien id metus gravida posuere. Morbi porta, sem sed ultricies bibendum, justo felis adipiscing turpis, feugiat dictum arcu eros eu tortor. Ut metus. Phasellus id sapien. Sed non dolor. Aenean convallis interdum justo.</li>
  <li>Etiam placerat, ante non sodales lobortis, sapien tortor auctor dui, sed ultrices lorem magna quis risus. Donec gravida enim sit amet arcu. Morbi nec neque.</li>
</ul>
<ul class="outside">

  <li>Donec egestas sapien at pede. Vestibulum at nisi blandit leo egestas ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In vestibulum. Donec sollicitudin nisi ut diam. Ut nisi dolor, vehicula vel, luctus id, convallis ac, eros. Duis sed enim nec orci hendrerit pretium. Ut lorem. </li>
  <li>Curabitur mollis laoreet odio. Pellentesque lacinia mi id nibh. Aenean ultricies urna et urna. Sed semper est eget augue. Sed lacinia nulla vitae tellus. Vivamus erat. Sed dui. Mauris tincidunt, sapien fringilla aliquam tristique, risus purus posuere arcu, a consequat mauris neque egestas quam. Sed justo. Duis eu odio nec urna feugiat malesuada. Sed massa.</li>
  <li>Nulla facilisi. In rutrum diam in nulla. Nunc augue. Donec vitae tellus. Mauris felis felis, tristique sit amet, gravida et, molestie quis, neque. Proin risus. Praesent tempor eros et neque. Duis sed tellus quis est dictum ullamcorper. Donec porta bibendum neque. Nam egestas. Sed sed mi. </li>
</ul>
<ol class="inside">

  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi viverra pulvinar ligula. Aenean vestibulum, neque ut tincidunt nonummy, nisi dui suscipit lectus, et ultrices lectus diam id metus. Aliquam nulla. Mauris rhoncus libero sit amet dui. </li>
  <li>Etiam convallis consectetuer augue. Sed non lacus ut leo elementum dictum. Nunc ut lectus vel mi varius posuere. Maecenas porta. Phasellus at erat. Cras ipsum diam, congue nec, luctus vel, ullamcorper ac, eros.</li>
  <li>Nunc ut enim. In rhoncus eros eget tellus. Curabitur in sapien id metus gravida posuere. Morbi porta, sem sed ultricies bibendum, justo felis adipiscing turpis, feugiat dictum arcu eros eu tortor. Ut metus. Phasellus id sapien. Sed non dolor. Aenean convallis interdum justo.</li>
  <li>Etiam placerat, ante non sodales lobortis, sapien tortor auctor dui, sed ultrices lorem magna quis risus. Donec gravida enim sit amet arcu. Morbi nec neque.</li>
</ol>
<ol class="outside">

  <li>Donec egestas sapien at pede. Vestibulum at nisi blandit leo egestas ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In vestibulum. Donec sollicitudin nisi ut diam. Ut nisi dolor, vehicula vel, luctus id, convallis ac, eros. Duis sed enim nec orci hendrerit pretium. Ut lorem. </li>
  <li>Curabitur mollis laoreet odio. Pellentesque lacinia mi id nibh. Aenean ultricies urna et urna. Sed semper est eget augue. Sed lacinia nulla vitae tellus. Vivamus erat. Sed dui. Mauris tincidunt, sapien fringilla aliquam tristique, risus purus posuere arcu, a consequat mauris neque egestas quam. Sed justo. Duis eu odio nec urna feugiat malesuada. Sed massa.</li>
  <li>Nulla facilisi. In rutrum diam in nulla. Nunc augue. Donec vitae tellus. Mauris felis felis, tristique sit amet, gravida et, molestie quis, neque. Proin risus. Praesent tempor eros et neque. Duis sed tellus quis est dictum ullamcorper. Donec porta bibendum neque. Nam egestas. Sed sed mi. </li>
</ol>
</body>
</html>