Nested And Mixed Lists

BY Prayag Verma - Wednesday, January 09, 2013
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