Edge Case: Nested And Mixed Lists

May 15, 2009 no comments wgbeach CategoriesUncategorized

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

    n

  • Lists within lists do not break the ordered list numbering order
  • n

  • Your list styles go deep enough.
  • n

n

Ordered – Unordered – Ordered

n

    n

  1. ordered item
  2. n

  3. ordered itemn
      n

    • unordered
    • n

    • unorderedn
        n

      1. ordered item
      2. n

      3. ordered item
      4. n

      n

    • n

    n

  4. n

  5. ordered item
  6. n

  7. ordered item
  8. n

n

Ordered – Unordered – Unordered

n

    n

  1. ordered item
  2. n

  3. ordered itemn
      n

    • unordered
    • n

    • unorderedn
        n

      • unordered item
      • n

      • unordered item
      • n

      n

    • n

    n

  4. n

  5. ordered item
  6. n

  7. ordered item
  8. n

n

Unordered – Ordered – Unordered

n

    n

  • unordered item
  • n

  • unordered itemn
      n

    1. ordered
    2. n

    3. orderedn
        n

      • unordered item
      • n

      • unordered item
      • n

      n

    4. n

    n

  • n

  • unordered item
  • n

  • unordered item
  • n

n

Unordered – Unordered – Ordered

n

    n

  • unordered item
  • n

  • unordered itemn
      n

    • unordered
    • n

    • unorderedn
        n

      1. ordered item
      2. n

      3. ordered item
      4. n

      n

    • n

    n

  • n

  • unordered item
  • n

  • unordered item
  • n