Skip to content

109 Sandbox

A website made for testing

Edge case: Nested and mixed lists

Published ·UPD ·In Edge cases

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

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

Ordered – Unordered – Ordered

  1. Ordered item
  2. Ordered item
    • Unordered item
    • Unordered item
      1. Ordered item
      2. Ordered item
  3. Ordered item
  4. Ordered item

Ordered – Unordered – Unordered

  1. Ordered item
  2. Ordered item
    • Unordered item
    • Unordered item
      • Unordered item
      • Unordered item
  3. Ordered item
  4. Ordered item

Unordered – Ordered – Unordered

  • Unordered item
  • Unordered item
    1. Ordered item
    2. Ordered item
      • Unordered item
      • Unordered item
  • Unordered item
  • Unordered item

Unordered – Unordered – Ordered

  • Unordered item
  • Unordered item
    • Unordered item
    • Unordered item
      1. Ordered item
      2. Ordered item
  • Unordered item
  • Unordered item