---
# Edge Case: Nested And Mixed Lists

**URL:** https://modul-r.codekraft.it/2009/05/edge-case-nested-and-mixed-lists/
Date: 2009-05-15
Author: Erik
Post Type: post
Summary: 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 ordered item ordered item ordered item ordered item Ordered – Unordered […]
Categories: Classic, Edge Case
Tags: content περιεχόμενο, css, edge case, lists, markup
---

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**

	- ordered item

	- 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

	- ordered

	ordered

	- unordered item

	- unordered item

	- unordered item

	- unordered item

### Unordered - Unordered - Ordered

	- unordered item

	unordered item

	- unordered

	unordered

	- **ordered item**

	- **ordered item**

	- unordered item

	- unordered item

---

## Categories

- Classic
- Edge Case

---

## Navigation

- [Home](https://modul-r.codekraft.it/)
- [Theme Setup](https://modul-r.codekraft.it/2019/06/theme-setup/)
- [Environment Setup](https://modul-r.codekraft.it/2019/06/environment-setup/)
- [Functions and Components](https://modul-r.codekraft.it/2019/06/custom-theme-functions/)
- [Classic](https://modul-r.codekraft.it/category/classic/)
- [Shop](https://modul-r.codekraft.it/shop/)
- [Tag /Archive format](https://modul-r.codekraft.it/tag/post-formats/)
- [Modul R](https://wordpress.org/themes/modul-r/)
- [Modul R (git)](https://github.com/erikyo/Modul-R)
- [Modul R Child (git)](https://github.com/erikyo/Modul-R-child)
- [CF7 Antispam](https://wordpress.org/plugins/cf7-antispam/)
- [OH-MY-SVG](https://modul-r.codekraft.it/oh-my-svg/)
- [Model-Viewer WordPress block](https://modul-r.codekraft.it/model-viewer-wordpress-block/)
- [Remove Capslock](https://wordpress.org/plugins/remove-capslock)
- [Blog](https://modul-r.codekraft.it/category/random-access-memories/)
- [Codekraft](https://github.com/codekraft-studio)
- [About Me](https://modul-r.codekraft.it/erik-golinelli/)
- [Contact](https://modul-r.codekraft.it/contacts/)
- [Credits](https://modul-r.codekraft.it/credits/)

## Tags

- content περιεχόμενο
- css
- edge case
- lists
- markup

---

## Footer Links

- [Theme Setup](https://modul-r.codekraft.it/2019/06/theme-setup/)
- [Functions and Components](https://modul-r.codekraft.it/2019/06/custom-theme-functions/)
- [Environment Setup](https://modul-r.codekraft.it/2019/06/environment-setup/)
- [Download](https://wordpress.org/themes/modul-r/)
- [Contact form 7](https://modul-r.codekraft.it/category/contact-form-7/)
- [Quick Start](https://modul-r.codekraft.it/category/quick-start/)
- [Classic](https://modul-r.codekraft.it/category/classic/)
- [Post Formats](https://modul-r.codekraft.it/category/post-formats/)
- [Block](https://modul-r.codekraft.it/category/block/)
- [Clothing](https://modul-r.codekraft.it/product-category/clothing/)
- [Privacy Policy](https://modul-r.codekraft.it/privacy-policy/)
- [Proudly powered by WordPress & made in Bologna with ♥ by Codekraft](https://codekraft.it/)