datat.fi/docs/_posts/2009-05-15-edge-case-nested-and-mixed-lists.md

categories	last_modified_at	tags	title
Edge Case	2017-03-09T14:25:52-05:00	content css edge case lists markup	Edge Case: Nested and Mixed Lists

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 and list styles go deep enough.

Ordered – Unordered – Ordered

1. ordered item
2. ordered item

• unordered
• unordered
  1. ordered item
  2. ordered item

3. ordered item
4. ordered item

Ordered – Unordered – Unordered

1. ordered item
2. ordered item

• unordered
• unordered
  • unordered item
  • unordered item

3. ordered item
4. 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