Categories: ClassicEdge Case

Edge Case: Nested And Mixed Lists

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

Author

Share
Published by
Theme Buster
Tags: content περιεχόμενοcssedge caselistsmarkup
16 years ago

Recent Posts

Ut eum impedit eos inventore esse

Officiis.

1 year ago

Quaerat accusantium optio blanditiis

Accusamus unde.

1 year ago

Exercitationem id est est

Porro et esse Voluptatem totam molestias ducimus ipsum suscipit Ipsam rerum recusandae aliquid Accusamus sapiente…

1 year ago

Quibusdam rerum et et ut

Dolorem repellendus tenetur. Molestiae iure aliquam. Eaque praesentium quis. Necessitatibus molestiae neque.

1 year ago

Fugit culpa omnis et autem

Ipsa labore iste tenetur excepturi. Quae molestiae nemo fugiat ut omnis sapiente quis. In nulla…

1 year ago

Laboriosam soluta cum officiis quo

Expedita ut.

1 year ago