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
- ordered item
- ordered item
- unordered
- unordered
- ordered item
- ordered item
- ordered item
- ordered item
Ordered – Unordered – Unordered
- ordered item
- ordered item
- unordered
- unordered
- unordered item
- unordered item
- ordered item
- ordered item
Unordered – Ordered – Unordered
- unordered item
- unordered item
- ordered
- ordered
- unordered item
- unordered item
- unordered item
- unordered item
Unordered – Unordered – Ordered
- unordered item
- unordered item
- unordered
- unordered
- ordered item
- ordered item
- unordered item
- unordered item
28 responses to “Edge Case: Nested And Mixed Lists”
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.
Cupiditate aliquam soluta dolor sed error. Est consequuntur voluptatum qui. Recusandae reprehenderit et dolorem impedit. Ipsum sit autem quae magni
Voluptatibus similique incidunt reprehenderit velit vitae
Consequatur iure illo officia aspernatur nemo vitae aperiam
Rem aspernatur rerum quia saepe atque. Perspiciatis quibusdam alias sit qui vel sint sed
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.