Blog

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
Items in the block category have been created with the block editor.
Items in the classic category have been created with the classic editor.
Posts that have edge-case related tests
Posts in this category test markup tags and styles.
Posts that have media-related tests
►
This is a parent category. It will contain child categories
This is a description for the Child Category 01.
This is a description for the Child Category 02.
This is a description for the Child Category 03.
This is a description for the Child Category 04.
This is a description for the Child Category 05.
Posts in this category test post formats.
Posts with template-related tests
Posts in this category test unpublished posts.
Privacy Overview

Este site usa cookies para que possamos oferecer a você a melhor experiência de usuário possível. As informações de cookies são armazenadas em seu navegador e desempenham funções como reconhecê-lo quando você retorna ao nosso site e ajudar nossa equipe a entender quais seções do site você considera mais interessantes e úteis.