Tag: lists

  • Edge Case: Nested And Mixed Lists

    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