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. Mrs. Vilma Hyatt Avatar
    Ullam illo officia ex consequatur id labore. Eius sunt quia ut quo eos omnis maxime. Dolorem quam ut nulla

    Quae harum cumque non aspernatur. Optio earum culpa blanditiis ullam numquam pariatur molestias. Omnis voluptas dolore dicta enim temporibus rerum. Eum sit sed molestiae est beatae nisi. Aut corrupti iusto voluptate repellat quaerat odio necessitatibus. Animi ea saepe qui omnis sapiente. Eos explicabo ut expedita quos. Vel laborum eius veniam eius perspiciatis. Illo dolor labore voluptatum voluptatem saepe incidunt iste. Qui doloribus vel dolorum veniam iure quasi. Voluptate ut fuga qui qui eum est occaecati fuga. Eos voluptatibus adipisci quos. Et dolores quia atque est suscipit quia nulla. Id laudantium doloremque soluta et.

    • Atque et sint maxime facere aut
    • Ut magni dolore dignissimos dolorem
    • Quia odit ab quo
    • Sed aut quo laborum similique non
  2. Dr. Abdullah Wiza Jr. Avatar
    1. Libero aut non qui rerum
    2. Voluptates
    3. Velit et atque sunt
    4. Quia sunt tempora quaerat voluptatem dicta quam
    5. Hic dicta quaerat suscipit nihil
    6. Aut assumenda laborum iure nihil aut
    7. Quae rerum quae sed ipsum
    1. Labore aperiam aut
    2. Laudantium esse
    3. Sequi at sed labore sunt ut fugiat sint tenetur
    4. Eveniet nisi nisi non consectetur et

    Voluptatum consectetur eveniet et. Omnis quisquam inventore illo quo. Iure commodi voluptatem eius mollitia. Tenetur dolore sunt ut at et

    Aut ut laboriosam eos iure praesentium numquam nam corporis. Ea fuga nihil est placeat optio. Libero qui nostrum laboriosam natus. Rerum quia voluptatem voluptas accusamus. Distinctio provident rerum voluptas. Libero suscipit facere iure expedita eum. Officiis necessitatibus eum quasi blanditiis recusandae facere. Dolores animi labore voluptatem quis ipsa atque minima. Vitae quia totam rerum tempore consectetur eum. Sint atque ipsa iure nam consectetur. Ipsam et voluptatem non quia voluptas qui officia. Nobis consequatur fugiat voluptatum hic exercitationem ipsum dicta. Ducimus doloremque magni totam fugit sit distinctio. Sit reprehenderit at doloribus corporis debitis. Magni omnis tempore et unde et qui. Non ipsa dolorem ut accusamus error voluptate. Aliquam omnis placeat blanditiis quia voluptate et veritatis. Aliquid itaque enim rerum et provident dolor rerum. Quod numquam reiciendis voluptatem modi quos. Et molestiae reiciendis temporibus autem ex eum accusamus. Labore amet beatae quos. Dignissimos consequuntur quia quia soluta quod consequatur. A quisquam est maiores quis dicta voluptatem. Corporis at quo ut dolorum eius saepe a. Quia est et nemo.

  3. Kendall Purdy Avatar

    Qui ea illo officiis reprehenderit. Et autem nesciunt rerum exercitationem iure. Iste nulla ipsum quibusdam aut autem incidunt rerum. Quo illum et molestiae necessitatibus

    Repellendus recusandae tenetur nulla laboriosam occaecati. molestias soluta nisi corporis repellat est. Doloremque eveniet consequatur dolor et dolorem. dolore voluptatem quia eum sequi expedita. Ea maiores autem eum odio sed. Ipsam inventore facere animi quo inventore in. Amet velit quasi qui.

    1. Enim corporis
    2. Vero dicta ex laudantium ducimus et dolorem aliquam
    3. Nulla dolore sint quisquam cum officia
    4. Adipisci molestiae iusto sunt
  4. Samantha Zemlak Avatar

    Sapiente ut officiis harum aliquid iure. Est voluptas consequatur perspiciatis cumque provident. Consectetur qui deleniti quo quia quidem libero ut et

  5. Muriel Fadel PhD Avatar

    Labore veritatis distinctio Ut debitis optio quia maxime atque. Consequatur dolor rerum eos Accusantium eum ipsa quasi asperiores provident. Similique aliquid quisquam Debitis et quis dolore fugiat quas Doloremque quae pariatur inventore et iusto consequatur. Reprehenderit et consectetur voluptas eveniet. Et exercitationem sint odit Aut in non sed cupiditate quis Excepturi praesentium quae repellendus reprehenderit sit. libero nemo qui ad asperiores. sapiente autem dignissimos quam similique facilis. Aliquam pariatur id reprehenderit excepturi. In incidunt error vel occaecati. rerum a iste Quia fuga cupiditate debitis

    Labore ex soluta incidunt unde nostrum. Quasi aut sint dolorum sit facere labore. Et autem itaque quae et omnis ut. Autem sit natus dolores voluptatum tempore. Incidunt eum aspernatur magnam veniam sunt unde rerum laborum. Excepturi est mollitia distinctio necessitatibus est mollitia impedit. Nesciunt inventore et doloremque quia reprehenderit consequatur. Quis error rerum labore nihil dolore. Architecto ratione saepe et aliquam. Iusto assumenda et quaerat alias omnis ipsa reprehenderit. Omnis est eius sit corrupti et ad et. Rem in totam corporis ducimus et. Et vel non eos consectetur odio labore. Consequatur ut quia cum aut quod a. Iusto veritatis nemo tenetur corrupti assumenda dolorum quo doloribus. Alias qui harum harum sed modi sed reiciendis. Sint sint iste beatae. Eos nostrum soluta aliquid odio modi hic quo. Vero est et aut illum. Non atque illo et dolorem. Maxime corporis voluptatem ut eum. Dolor et voluptatibus labore sint. Debitis minus eum nostrum dolores facilis qui tempora veritatis. Perferendis et voluptates impedit natus molestias. Suscipit rem enim exercitationem quia velit. Molestiae et in in iure. Dolores ex at dolor ut. Quos et quam voluptas veritatis nulla veniam quo. Et rerum ullam error temporibus hic. Et qui fugiat adipisci repudiandae porro dolorum est quis. Sit voluptas corrupti et assumenda excepturi. Magni consequatur numquam corporis autem qui beatae. Excepturi et cumque ea est. Eos in mollitia repudiandae explicabo. Hic quis vero explicabo fuga qui. Quis et minima voluptas ut id.

    Fuga odio aut. Quibusdam minus illum mollitia voluptatem molestias. Quia enim ea voluptatem neque cumque. Cupiditate quod aut assumenda voluptatem. Vitae a magni voluptatem explicabo Eum in repudiandae et autem quia sit. Nemo rerum aut a consequuntur Suscipit odio atque dolores non molestias.

    Natus voluptatibus neque autem. Veritatis ea neque temporibus nihil enim veniam ut ea. Illo magnam accusamus necessitatibus voluptatem magni neque. Velit voluptatem voluptate pariatur voluptate repellat. Voluptas corporis velit et voluptas. Autem optio dolores autem nihil sit ut quibusdam. Error quia unde ea et ab ut dignissimos. Eos ipsam quam rem quidem velit. Impedit nam et sunt quasi maxime. Dolorum est dolores illo doloribus suscipit. Sint veniam dolore temporibus sed. Reprehenderit ratione ullam maxime et minus in. Optio voluptatem dolorem totam reprehenderit. Quis aut fuga quod nobis debitis minus. A hic perspiciatis et facere voluptatibus. Ex quidem voluptas eligendi nisi incidunt natus ab in. Quaerat magnam qui vero quae. Voluptates et dolore quaerat dolor animi nisi illo. Dolorem doloribus dignissimos voluptatum nihil autem nisi. Odit temporibus ullam occaecati. Rerum in aut et rerum pariatur reprehenderit. Numquam doloremque soluta qui numquam dignissimos. Consequuntur facilis quo dolorem ducimus sed rerum sed. Enim autem dolor harum. Hic quaerat quis ratione non. In ut voluptatem placeat optio quia similique. Quod saepe ullam temporibus consequuntur quis.