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
Posted in <a href="https://themes.dxdemos.eu/masonry/category/edge-case-2/" rel="category tag">Edge Case</a> Tagged <a href="https://themes.dxdemos.eu/masonry/tag/content-2/" rel="tag">content</a>, <a href="https://themes.dxdemos.eu/masonry/tag/css/" rel="tag">css</a>, <a href="https://themes.dxdemos.eu/masonry/tag/edge-case/" rel="tag">edge case</a>, <a href="https://themes.dxdemos.eu/masonry/tag/lists-2/" rel="tag">lists</a>, <a href="https://themes.dxdemos.eu/masonry/tag/markup-2/" rel="tag">markup</a> Comments Off on Edge Case: Nested And Mixed Lists