Skip to content
Fruitleather Rotterdam
  • Home
  • About us
  • Call for Investors
  • Why Fruitleather?
  • Collaborations
  • FAQ
  • Shop
  • Contact
  •  
Edge Case: Nested And Mixed Lists Edge Case

Edge Case: Nested And Mixed Lists

  • May 15, 2015
  • by Hugo De Boon

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
Template: Featured Image (Vertical)
Markup: Title With Markup
Koen
content css edge case lists markup

Related articles

Antidisestablishmentarianism
Untitled
Follow Us on facebookFollow Us on instagramFollow Us on youtubeFollow Us on linkedin
  • Terms and Conditions
Theme by Colorlib Powered by WordPress