Ordered List

Ordered lists group related items and mark them with ascending counters. They provide a very clear structure for a relatively short number of items.

Consider inserting a normal paragraph or another block element in between the items of a long list.

Syntax

List items begin with an integer followed by a period and a space. The order of the numbers has no effect on the result, we even may use always the same number. Markdown treats the numbers as markers and ignores their values. Every list or sub-list will follow 1, 2, 3…, a, b, c… or I, II, III… .

It’s possible to manipulate the counters with attributes. The one currently available is .ol-continue and lets a new list continue counting where the last one did end (see With Interruption).

Layout

Only two layout examples are following here because the styling options for an ordered list are basically the same as for an unordered bullet list.

Tight List

  1. Fox dwarves chop my talking quiz job.
  2. Blowzy red vixens fight for a quick jump.
  3. Who packed five dozen old quart jugs in my box?

Nested Loose List with interruption

  1. Jim quickly realized that the beautiful gowns are expensive. Battle of Thermopylae: Quick javelin grazed wry Xerxes.

    1. Waltz, nymph, for quick jigs vex Bud! The quick brown fox jumps over a lazy dog.

    2. Fat hag dwarves quickly zap jinx mob. Vexed nymphs go for quick waltz job.

  2. Six big devils from Japan quickly forgot how to waltz. Waltz, bad nymph, for quick jigs vex!

The interruption

of an ordered list for a general remark should not interrupt the counting. We need to proceed where we left off. The class attribute {.ol-continue} lets a list continue counting, where the previous did stop.

  1. Quick brown fox jumps over the lazy dog. Kvetching, flummoxed by job, W. zaps Iraq. Fickle bog dwarves jinx empathy quiz.

    1. Two driven jocks help fax my big quiz. Quincy Pondexter blocked five jams against the Wizards!

      1. Quads of blowzy fjord ignite map vex’d chicks. Cozy lummox gives smart squid who asks for job pen.

      2. Fickle bog dwarves jinx empathy quiz. Do wafting zephyrs quickly vex Jumbo?

      We can interrupt every sub-list with a text block and continue afterward:

      1. Bobby Klun awarded Jayme sixth place for her very high quiz. Fickle bog dwarves jinx empathy quiz.

      2. Bored? Craving a pub quiz fix? Why, just come to the Royal Oak! Fax back Jim’s Gwyneth Paltrow video quiz.

    2. Fat hag dwarves quickly zap jinx mob. Cozy sphinx waves quart jug of bad milk. Amazingly few discotheques provide jukeboxes.

  2. Sphinx of black quartz, judge my vow!

See Also