hacks-guide-minimal-mistake.../_posts/2009-05-15-edge-case-nested-and-mixed-lists.md
2016-02-24 11:55:03 -05:00

1.2 KiB

title date categories tags
Edge Case: Nested And Mixed Lists 2009-05-15T14:48:32+00:00
Edge Case
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
    • 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