Edge Case: Nested And Mixed Lists – Ricoboy

May 15, 2009

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

ordered item
ordered item
- unordered
- unordered
  1. ordered item
  2. ordered item
ordered item
ordered item

Ordered - Unordered - Unordered

ordered item
ordered item
- unordered
- unordered
  - unordered item
  - unordered item
ordered item
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

0 thoughts on "Edge Case: Nested And Mixed Lists"

Related Posts

Classic, Markup

Markup: HTML Tags and Formatting

January 11, 2013
Classic, Markup

Markup: Image Alignment

January 10, 2013
Classic, Markup

Markup: Text Alignment

January 9, 2013

Start painting a new anchor for your life

Schedule a meeting

1h session

1238 Echo Ridge Blvd, Suite 400 NYC, US 94103

Copyright © 2026 All right reserved

No complicated system to order our services! – direct call 54-569-7689 or

1428 Callison Lane Building Virginia, VA 22902

© 2026 Darrel Wilson. All rights reserved

Company

Services

Renovation

Subscribe Our Newsletter

Notice: Function WP_Scripts::add was called incorrectly. The script with the handle "solace-elementor-editor-nav-menu" was enqueued with dependencies that are not registered: elementor-editor. Please see Debugging in WordPress for more information. (This message was added in version 6.9.1.) in /home/runcloud/webapps/ricoboy/wp-includes/functions.php on line 6170