mirror of
https://github.com/papercss/papercss
synced 2024-05-17 21:26:42 +02:00
012d8825aa
It's a common mistake, but HTML lists should be nested so that a list is in between the opening and closing tags for a given list item. I've corrected it in these examples. Most browsers handle it fine but it's best to use correct HTML, just in case there's a browser or platform that doesn't parse it correctly.
2 KiB
2 KiB
title | description |
---|---|
Lists | PaperCSS Lists |
Ordered Lists
- Do this
- Then this
- Finally this
- Then we'll go one deeper
- Dillon
- Francis
- What if we went...
- One more deeper?
- DJ
- Hanzel
- Five levels should be enough
- Right?
- But don't forget this
Unordered Lists
- Let's try this
- Let's try this again
- And now we are nested
- Pretty cool?
- The list items are just text
- From this font
- We'll keep going
- Until we hit
- LEVEL 5
- And now we're are the top!
Inline List
- Item 1
- Item 2
- Item 3
- Item 4
Codes:
<ol>
<li>Do this</li>
<li>Then this</li>
<li>Finally this</li>
<li>Then we'll go one deeper
<ol>
<li>Dillon</li>
<li>Francis
<ol>
<li>What if we went...</li>
<li>One more deeper?
<ol>
<li>DJ</li>
<li>Hanzel
<ol>
<li>Five levels should be enough</li>
<li>Right?</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
<li>But don't forget this</li>
</ol>
<!-- Replace ol with ul for unordered lists. Go up to 5 levels deep! -->
<!-- For inline lists -->
<ul class="inline">...</ul>