Nested And Mixed Lists

   Friday, February 22, 2013  Leave a Comment on Nested And Mixed Lists  Posted in Content, Lists 0 Likes 546 Views
Share: XFacebookPinterestRedditVKDiggLinkedinMix

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

Related Articles

1 650

Gutenberg: Formatting Blocks

 ThemesDNA.com  Monday, May 20, 2013  0 Comments on Gutenberg: Formatting Blocks
Code Block .codeblock { right: 100% !important; position: absolute; } Classic Block This is the classic block. It's using the regular editor. HTML Block My HTML block. Preformatted Block This...
0 518

Excerpt

 Jared Erickson  Monday, February 18, 2013  0 Comments on Excerpt
This is the post content.
0 437

Gutenberg: Columns

 ThemesDNA.com  Thursday, March 28, 2013  0 Comments on Gutenberg: Columns
2 columns This is a 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit. Don't forget...
0 561

More Tag

 Chris Ames  Wednesday, February 20, 2013  0 Comments on More Tag
This content is before the more tag. Right after this sentence should be a "continue reading" button of some sort. (more…)
Author: Michael Novotny
Litora bibendum molestie deleniti ligula nostra, exercitationem morbi distinctio porro nibh commodi lacinia earum mi enim netus mus, mus dapibus, rerum facere autem nullam voluptas, cubilia non. Iste sequi numquam rhoncus natoque conubia viverra tristique incidunt? Cubilia quo curabitur sociosqu.

Leave a Reply