title: "Edge Case: Nested and Mixed Lists" categories:

• Edge Case tags:
• content
• css
• edge case
• lists
• markup

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

1. ordered item
2. ordered item

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

1. ordered item
2. ordered item

#Ordered -- Unordered -- Unordered

1. ordered item
2. ordered item

• unordered
• unordered
  • unordered item
  • unordered item

1. ordered item
2. 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