Simple Portfolio

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
May 15, 2009 by admin

Navigation

  • Home
  • Blog
  • Single
  • Portfolio Item

Recent Posts

  • Scheduled
  • Necessitatibus saepe eveniet
  • Omnis dolor repellendus
  • Pomnis voluptas assumenda
  • Markup: HTML Tags and Formatting

Gun!!!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore

Gun!!!

On the web

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots ...

  • Codepen
  • Digg
  • Dribbble
  • Facebook
  • Twitter
8BIT alignment Articles aside audio captions categories chat Codex comments content css dowork edge case embeds excerpt featured image gallery html image jetpack layout link lists markup password Post Formats quote shortcode standard status sticky Success Swagger Tags template tiled title trackbacks twitter Unseen video videopress WordPress wordpress.tv

Copyright © Simple Portfolio 2025. All rights reserved.