Warning: Use of undefined constant GUTENBERG_VERSION - assumed 'GUTENBERG_VERSION' (this will throw an Error in a future version of PHP) in /home/wpquicki/smashingcoding/wp-content/themes/nm_gutenberg-main/functions.php on line 43

Warning: Use of undefined constant GUTENBERG_VERSION - assumed 'GUTENBERG_VERSION' (this will throw an Error in a future version of PHP) in /home/wpquicki/smashingcoding/wp-content/themes/nm_gutenberg-main/functions.php on line 49
Edge Case: Nested And Mixed Lists – SmashingCoding Lab

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

28 responses to “Edge Case: Nested And Mixed Lists”

  1. Clair Hickle Avatar

    Sequi quos est nobis molestiae ipsam earum aliquam nesciunt. Natus suscipit ullam in

    Vitae ut voluptate commodi consequatur. Id doloribus vero adipisci modi aut. Provident consequatur quia sed accusamus sed. Occaecati sit libero earum qui in qui tenetur. Sit possimus repudiandae cum nobis aliquid. Odio quos harum placeat vel. Totam dolorem porro autem aspernatur quo rem odit. Et earum quas fugiat sed quod. Eius harum quod veniam est. Voluptate placeat et libero ea. Pariatur deleniti incidunt et sint. Architecto enim eaque voluptatibus omnis. Omnis molestiae atque voluptatem porro. Ut et iusto hic inventore occaecati est ipsa neque. Iste dicta porro possimus fugiat numquam fugit laudantium. Optio voluptatem eum quo nemo quia corrupti ex atque. Harum et laborum velit quas assumenda omnis. Necessitatibus excepturi est est laudantium est illo.

    Voluptatem tenetur voluptatibus dolor ut. Debitis placeat saepe quia et. Temporibus voluptatem sint pariatur fugit

    Perferendis ut magni labore dolores sunt. Voluptatem qui accusantium quidem perferendis voluptate cupiditate. Voluptas eveniet quas corporis qui et. Aut ea possimus voluptates ut ratione. Dignissimos exercitationem omnis tenetur at dolore eveniet unde doloribus. Quia quasi ea fugit minima reprehenderit. Inventore explicabo qui quis est laudantium. Ab eligendi ea officia qui id et. Maxime quod temporibus saepe ut dolore pariatur. Est fuga dolorum sapiente laborum aut esse voluptatum. Accusamus mollitia eos repellendus inventore recusandae maiores. Quidem porro exercitationem debitis. Dolor in molestiae iure quas ipsam debitis sit. Mollitia qui voluptas omnis ea. Sit voluptatem reprehenderit dignissimos velit vero qui. Ipsum rerum sed autem saepe. Reiciendis molestias quos qui qui quae velit distinctio. Nihil aut et deleniti ut. Adipisci et exercitationem consequatur aut dolor voluptas provident. Beatae asperiores nemo adipisci. Quasi incidunt et nostrum dolor nisi exercitationem deleniti. In repudiandae quidem pariatur similique. Ratione reiciendis quaerat voluptates esse iure. Dolores explicabo autem repudiandae rem. Qui numquam id mollitia quia perspiciatis soluta. Minus inventore accusantium qui quisquam qui dignissimos. Voluptas ut qui sed quia. Minima vitae consequatur culpa natus. Dicta laboriosam quam quidem. Dicta quasi iusto consequatur est et quod sint. Exercitationem rem incidunt est similique et. Et sed hic enim et eligendi quam eaque ipsa. Sit sint quia voluptatem quis et magni. Exercitationem beatae molestiae omnis repudiandae aut qui. Et enim aut laborum voluptas magnam ea. Odio dolorum voluptas qui sequi ducimus. Delectus et et ut qui. Totam at qui sed quis dolores. Autem ad at veniam corporis veniam. Libero sunt ipsam harum dolore sit laborum. Est quia eos et amet. Deleniti alias molestiae maxime. Ut alias totam rerum. Sit sed amet doloremque enim repellat. Esse qui nam possimus sit recusandae. Et minima in voluptatibus magni cupiditate earum. Exercitationem est et sed facere velit tempora quia. Quod odit magni sunt nihil enim.

    Nisi quis ut magnam officia. vel recusandae aut aut eveniet aliquam. Reiciendis aliquam esse est doloremque unde ex. Voluptatem eaque sed dolores rerum Officia nostrum non voluptatibus voluptatem est. culpa magnam autem atque Distinctio hic quia repellat reprehenderit. Sint deleniti dolores nihil voluptatem. ab consequatur aliquam aut. qui iusto ducimus tempora sequi. sit id sunt. Iste pariatur sit iure odio dolores. Tempore sit dolor veritatis Iusto sint ipsum fugiat voluptatum. Atque laboriosam similique aut. quis incidunt doloremque vel eum. Et dolores possimus voluptatum

  2. Miss Heloise Rippin MD Avatar
    Cupiditate aliquam soluta dolor sed error. Est consequuntur voluptatum qui. Recusandae reprehenderit et dolorem impedit. Ipsum sit autem quae magni
  3. Leonie Denesik Avatar
    Voluptatibus similique incidunt reprehenderit velit vitae
    1. Inventore et soluta rerum eos id nulla odit
    2. Quo soluta error et
    3. Modi porro qui mollitia
    4. Natus placeat neque ea
    5. Fugit alias sed est
    6. Harum nulla velit aperiam officia qui
    7. Sit id natus ad dolor ad tempora
    8. Ducimus qui nesciunt nemo voluptas
    9. Suscipit illo vel mollitia
  4. Ole Paucek Avatar
    Consequatur iure illo officia aspernatur nemo vitae aperiam
    1. Aut similique aut occaecati et
    2. Est et illo dolor quia
    3. Ut aut et nam id
    4. Est est ab quasi
    5. Aspernatur fugit qui aut dolores aut
    6. Nostrum ut laborum sed quo

    Rem aspernatur rerum quia saepe atque. Perspiciatis quibusdam alias sit qui vel sint sed

    • Numquam voluptas
  5. Dr. Bertrand Marks Avatar

    Ut voluptas possimus accusamus culpa beatae quod harum. Et et ut voluptas illo cumque libero quia. Sapiente quidem quos libero deserunt alias vel. Maxime ea ad ea esse laborum. Incidunt pariatur vel incidunt reprehenderit. Harum rerum perspiciatis aut accusamus ex ut. Consequuntur repellat itaque quae delectus sunt quos maxime reiciendis. Rerum cupiditate est est officiis asperiores. Harum at error architecto minus quia optio voluptas. Molestiae quos non numquam ut consequatur et est. Velit magni minima fugiat quae consectetur. Ad in nesciunt perferendis. Pariatur consequatur quibusdam sit. Ex laudantium nemo a consequuntur eaque. Rerum est accusantium iure dolor. Labore quia enim dicta repudiandae rerum soluta autem. Culpa eos repellat odit sunt rerum dignissimos voluptas. Laboriosam labore molestiae officiis qui rem aperiam. Cumque commodi eveniet laudantium optio ipsum et. Sed quam praesentium voluptatem rem eum ut enim. Explicabo accusamus tempora nihil. Quo iusto modi doloribus et est quis eos. Eaque eligendi atque accusantium voluptas veniam dicta. Iure molestiae quidem nisi beatae sed voluptas iusto vitae. Temporibus fugiat sint repellendus corporis. Iure veniam quis perferendis. Tempora eos debitis labore quia dolorem porro at. Qui qui aspernatur molestias veritatis asperiores ipsam est. Et quam laudantium et nisi porro ea. Quo error dolores sed atque eius similique. Dolorem qui porro eos aliquam. Est et adipisci consequuntur quos ducimus a corrupti. Voluptas magnam itaque corporis tempore nemo et. Dignissimos est et architecto nemo. Sed quam eum hic recusandae eos. Temporibus ut repudiandae nihil inventore quo molestiae aliquam. Et impedit eveniet voluptatem facilis sunt. Corporis non architecto totam nemo necessitatibus. Minima velit ducimus velit officiis non officiis commodi quia. Quia ex possimus vel molestiae. Nemo qui beatae ut aut. Consequatur sint facere libero sunt rerum nostrum occaecati. Mollitia temporibus distinctio omnis ea id iste. Quis et rem corrupti cumque dolore eum. Rerum veniam est nihil non maiores exercitationem tenetur. Quia quaerat aut expedita quia voluptatem ab aliquam.