<body>
<h3>Lista numerowana z zagnieżdżeniami</h3>
<ol>
<li>Jestem pierwszy</li>
<li>Ja drugi</li>
<ol>
<li>Nowa lista - liczymy znowu od początku</li>
<li>Drugi element zagnieżdżonej listy</li>
</ol>
<li>Tutaj kontynuujemy pierwotną listę</li>
<ul>
<li>A tutaj wstawimy listę nienumerowaną</li>
<li>Zwróć uwagę na punktory</li>
<li>Są inne tutaj</li>
<ul>
<li>Inne w kolejnej zagnieżdzonej liście</li>
<li>I będą inne w standardowej liście</li>
</ul>
</ul>
<li>Koljeność pierwotnej listy zostaje zachowana</li>
</ol>
<h3>Lista nienumerowana bez zagnieżdżeń</h3>
<ul>
<li>Mam inne punktory</li>
<li>Niż powyższe listy</li>
<li>Bo nie jestem zagnieżdzona</li>
</ul>
<h3>Lista artykułów</h3>
<ul>
<!-- Elementem listy teraz będzie pojedynczy artykuł-->
<li>
<article>
<h4>Mój nowy post</h4>
<p>Dzisiaj opowiemy sobie o HTML...</p>
</article>
</li>
<li>
<article>
<h4>Jak pisać dobry kod</h4>
<p>Należy przede wszystkim pamiętać o semantyce oraz ...</p>
</article>
</li>
</ul>
</body>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.