Pintelo

  • Home
  • Blog
  • Front Page
  • About The Tests
    • Page Image Alignment
    • Page Markup And Formatting
    • Clearing Floats
    • Page with comments
    • Page with comments disabled
  • Level 1
    • Level 2
      • Level 3
      • Level 3a
      • Level 3b
    • Level 2a
    • Level 2b
  • Lorem Ipsum
  • Page A
  • Page B

Edge Case: Nested And Mixed Lists

May 15, 2009 By admin In Edge Case

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
Tagged With: content, css, edge case, lists, markup

Recent Posts

  • Scheduled
  • Soaring Spirits in the Wild Area
  • Markup: HTML Tags and Formatting
  • Markup: Title With Special Characters
  • Markup: Title With Markup

Newsletter

Sign up now and get: 25% off one item of your choice with your next purchase!

Text

Contrary to popular belief, Lorem malos Ipsum is not simply random text, kolom It has roots in a piece bafud lisuf

Copyright © 2025 by Responsive Themes. All rights reserved.