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

12 responses on "Edge Case: Nested And Mixed Lists"

  1. Hi, I think your blog might be having browser compatibility issues.
    When I look at your blog in Firefox, it looks fine but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that,
    amazing blog!

  2. Hello there! I know this is kind of off topic but I was wondering which blog platform are you
    using for this site? I’m getting sick and tired of WordPress because I’ve had problems with hackers and I’m looking at alternatives for another platform.
    I would be great if you could point me in the direction of a good platform.

  3. What’s up everyone, it’s my first visit at this web site, and post is really fruitful for me, keep up posting these types of posts.

  4. I am actually pleased to glance at this webpage posts which
    carries plenty of helpful facts, thanks for providing these kinds of information.

  5. Greetings! Very helpful advice on this article! It is the little changes that make the biggest changes. Thanks a lot for sharing!

  6. Howdy! Do you know if they make any plugins to assist with Search Engine Optimization? I’m trying to get my site to rank for some targeted keywords but I’m not seeing very good results.
    If you know of any please share. Cheers! You can read similar
    blog here: Your destiny

  7. You actually make it seem so easy together with your presentation however I in finding this topic to be really one thing that I think I would by no means understand. It kind of feels too complicated and extremely vast for me. I’m looking forward for your subsequent publish, I?¦ll try to get the hang of it!

  8. Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

  9. I am really inspired along with your writing abilities as well as with the format in your blog. Is that this a paid subject matter or did you customize it yourself? Either way keep up the nice high quality writing, it is rare to peer a great weblog like this one today. I like beachvolley.asciende.in ! It is my: Youtube Algorithm

  10. I am extremely impressed with your writing talents as smartly as with the structure for your blog. Is that this a paid subject or did you customize it yourself? Either way keep up the excellent quality writing, it is rare to peer a nice blog like this one nowadays. I like beachvolley.asciende.in ! It’s my: TikTok ManyChat

  11. Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

  12. Thanks for another informative web site. Where else could I get that type of info written in such a perfect way? I’ve a project that I am just now working on, and I have been on the look out for such information.

Leave a Message

Your email address will not be published. Required fields are marked *