List Numbered
The numbered list shows text in a structured overview by showing a leading number at the beginning.
- List item 1
- List item 2
-
List item 3 with a nested list
- Nested list item 1
- Nested list item 2
-
Nested list item 3
- Ultra nested list item 1
- Nested list item 4
- Nested list item 5
- Nested list item 6
-
Nested list item that is displaying multi-line content.
In here. - Nested list item 8
- Nested list item 9
- Nested list item 10
- List item 4
- List item 5
<ol class="flix-list-numbered">
<li class="flix-list-numbered__item">List item 1</li>
<li class="flix-list-numbered__item">List item 2</li>
<li class="flix-list-numbered__item">
List item 3 with a nested list
<ol class="flix-list-numbered">
<li class="flix-list-numbered__item">Nested list item 1</li>
<li class="flix-list-numbered__item">Nested list item 2</li>
<li class="flix-list-numbered__item">
Nested list item 3
<ol class="flix-list-numbered">
<li class="flix-list-numbered__item">Ultra nested list item 1</li>
</ol>
</li>
<li class="flix-list-numbered__item">Nested list item 4</li>
<li class="flix-list-numbered__item">Nested list item 5</li>
<li class="flix-list-numbered__item">Nested list item 6</li>
<li class="flix-list-numbered__item">
Nested list item that is displaying multi-line content.<br/>
In here.
</li>
<li class="flix-list-numbered__item">Nested list item 8</li>
<li class="flix-list-numbered__item">Nested list item 9</li>
<li class="flix-list-numbered__item">Nested list item 10</li>
</ol>
</li>
<li class="flix-list-numbered__item">List item 4</li>
<li class="flix-list-numbered__item">List item 5</li>
</ol>Details
Please pay attention that numbering within the numbered lists is happening automatically, for both parent and nested lists if a proper class structure applied.