• Edge Case tags:
  • content
  • css
  • edge case
  • lists
  • markup

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
  3. unordered
  4. unordered
    1. ordered item
    2. ordered item
  5. ordered item
  6. ordered item

Ordered -- Unordered -- Unordered

  1. ordered item
  2. ordered item
  3. unordered
  4. unordered
    • unordered item
    • unordered item
  5. ordered item
  6. ordered item

Unordered -- Ordered -- Unordered

  • unordered item
  • unordered item
  • ordered
  • 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

Task Lists

  • [x] Finish my changes
  • [ ] Push my commits to GitHub
  • [ ] Open a pull request