Edge Case: Nested And Mixed Lists

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut laoreet ligula, vestibulum efficitur neque. In non enim vel sapien molestie accumsan. Nulla molestie elementum diam in imperdiet. Curabitur at justo eget lectus gravida aliquam nec id libero. Sed sollicitudin fermentum accumsan. Mauris efficitur porttitor sem, non vestibulum massa venenatis nec. Morbi non leo libero. Cras accumsan pellentesque sapien, et imperdiet sem tincidunt ut.

Donec blandit nisl id ex bibendum viverra. Nullam tincidunt dapibus nulla a vehicula. Sed vel justo ante. Nulla dictum ac purus ornare dictum. Donec lobortis vehicula vestibulum. Nulla luctus magna placerat orci vestibulum ornare. Quisque a porta diam. Curabitur magna odio, egestas vitae consequat vitae, convallis euismod felis. Ut in eleifend dui.

Nulla dignissim arcu odio, in ultrices sapien gravida at. Sed quis orci eget velit imperdiet facilisis. Suspendisse a ligula quis dolor volutpat pharetra. Morbi consequat neque ac sapien laoreet ultrices. Vivamus vitae malesuada turpis. Etiam tempus sapien eget quam rutrum facilisis. Duis tincidunt placerat elit id dictum. Suspendisse scelerisque, est id faucibus laoreet, erat risus malesuada metus, in mollis nulla neque sit amet tellus. Nam sed dictum tellus. Aliquam sit amet felis ut ex sollicitudin suscipit. In id felis ullamcorper, hendrerit massa ac, rutrum leo.

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