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
Categories: Example content

Edge Case: Super/Duper/Long/NonBreaking/Path/Name/To/A/File/That/Is/Way/Deep/Down/In/Some/Mysterious/Remote/Desolate/Part/Of/The/Operating/System/To/A/File/That/Just/So/Happens/To/Be/Strangely/Named/Supercalifragilisticexpialidocious.txt

Super/Duper/Long/NonBreaking/Path/Name/To/A/File/That/Is/Way/Deep/Down/In/Some/Mysterious/Remote/Desolate/Part/Of/The/Operating/System/To/A/File/That/Just/So/Happens/To/Be/Strangely/Named/Supercalifragilisticexpialidocious.txt

A few things to check for:

  • Non-breaking text in the title, content, and comments should have no adverse effects on layout or functionality.
  • Check the browser window / tab title.
  • If you are a plugin or widget developer, check that this text does not break anything.

The following CSS properties will help you support non-breaking text.

-ms-word-wrap: break-word;
word-wrap: break-word;

 

Categories: Example content

Protected: Template: Password Protected (the password is “enter”)

This content is password protected. To view it please enter your password below:

Categories: Example content

Template: multi-page post

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at dapibus dui, sit amet porttitor quam. In hac habitasse platea dictumst. Aliquam blandit orci et sem lacinia bibendum. Maecenas id scelerisque odio. Integer et mauris viverra, auctor mi at, fringilla arcu. Praesent rutrum vitae ligula ac venenatis. Nam pellentesque bibendum massa quis laoreet. Proin tincidunt posuere ligula, id semper leo malesuada tempus. Praesent vel mollis arcu. Pellentesque venenatis velit tincidunt est ornare, a suscipit massa porttitor.

Categories: Example content

Template: More tag

This content is before the more tag.

Right after this sentence should be a “continue reading” button of some sort.

Continue reading “Template: More tag” »

Categories: Example content