Skip to content
This repository was archived by the owner on Feb 1, 2023. It is now read-only.

Latest commit

 

History

History
58 lines (49 loc) · 1.06 KB

2009-05-15-edge-case-nested-and-mixed-lists.md

File metadata and controls

58 lines (49 loc) · 1.06 KB
title categories tags last_modified_at
Edge Case: Nested and Mixed Lists
Edge Case
content
css
edge case
lists
markup
2017-03-09 14:25:52 -0500

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 and list styles go deep enough.

Ordered -- Unordered -- Ordered

  1. ordered item
  2. ordered item
  • unordered
  • unordered
    1. ordered item
    2. ordered item
  1. ordered item
  2. ordered item

Ordered -- Unordered -- Unordered

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