Edge Case: Nested And Mixed Lists – Filipino Community Centre

Posted by
Uncategorized

Nested and mixed lists are an interesting beast. It’s a corner case to make sure that

Lists within lists do not break the ordered list numbering order
Your list styles go deep enough.

Ordered – Unordered – Ordered

ordered item
ordered item
- unordered
- unordered
  1. ordered item
  2. ordered item
ordered item
ordered item

Ordered – Unordered – Unordered

ordered item
ordered item
- unordered
- unordered
  - unordered item
  - unordered item
ordered item
ordered item

Unordered – Ordered – Unordered

unordered item
unordered item
1. ordered
2. ordered
  - unordered item
  - unordered item
unordered item
unordered item

Unordered – Unordered – Ordered

unordered item
unordered item
- unordered
- unordered
  1. ordered item
  2. ordered item
unordered item
unordered item