2017-03-07 23:12:17 +02:00
---
title: "Edge Case: Nested and Mixed Lists"
categories:
- Edge Case
tags:
- content
- css
- edge case
- lists
- markup
2017-03-09 21:38:14 +02:00
last_modified_at: 2017-03-09T14:25:52-05:00
2017-03-07 23:12:17 +02:00
---
2017-03-09 21:38:14 +02:00
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 and list styles go deep enough.
2017-03-07 23:12:17 +02:00
2017-03-09 21:38:14 +02:00
## Ordered -- Unordered -- Ordered
2017-03-07 23:12:17 +02:00
1. ordered item
2. ordered item
* **unordered**
* **unordered**
1. ordered item
2. ordered item
3. ordered item
4. ordered item
2017-03-09 21:38:14 +02:00
## Ordered -- Unordered -- Unordered
2017-03-07 23:12:17 +02:00
1. ordered item
2. ordered item
* **unordered**
* **unordered**
* unordered item
* unordered item
3. ordered item
4. ordered item
2017-03-09 21:38:14 +02:00
## Unordered -- Ordered -- Unordered
2017-03-07 23:12:17 +02:00
* unordered item
* unordered item
1. ordered
2. ordered
* unordered item
* unordered item
* unordered item
* unordered item
2017-03-09 21:38:14 +02:00
## Unordered -- Unordered -- Ordered
2017-03-07 23:12:17 +02:00
* unordered item
* unordered item
* unordered
* unordered
1. **ordered item**
2. **ordered item**
* unordered item
* unordered item
