Edge Case: Nested And Mixed Lists

ADS MOBILE

Edge Case: Nested And Mixed Lists
E-mail SMS Twitter Facebook Telegram Whatsapp Skype Tumblr QR Copia
Link copiato negli appunti
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