Search Here

Edge Case: Nested And Mixed Lists

Home / Edge Case: Nested And Mixed Lists

Edge Case: Nested And Mixed Lists Edge Case: Nested And Mixed Lists Edge Case: Nested And Mixed Lists

Edge Case: Nested And Mixed Lists

Spread the love

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
  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

Discover more from Bright Brain

Subscribe to get the latest posts sent to your email.

Discover more from Bright Brain

Subscribe now to keep reading and get access to the full archive.

Continue reading