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. Woven silk pyjamas exchanged for blue quartz.
  2. My ex pub quiz crowd gave joyful thanks.
  3. Zack Gappow saved the job requirement list for the six boys.

Nested Loose List with interruption

  1. Fox nymphs grab quick-jived waltz. Jackie will budget for the most expensive zoology equipment.

    1. Bobby Klun awarded Jayme sixth place for her very high quiz. Bawds jog, flick quartz, vex nymph.

    2. Fake bugs put in wax jonquils drive him crazy. How razorback-jumping frogs can level six piqued gymnasts!

  2. Fix problem quickly with galvanized jets. My ex pub quiz crowd gave joyful thanks.

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. Brick quiz whangs jumpy veldt fox. Waltz, bad nymph, for quick jigs vex! Pack my box with five dozen liquor jugs.

    1. The quick brown fox jumps over a lazy dog. Junk MTV quiz graced by fox whelps.

      1. Public junk dwarves quiz mighty fox. Quick fox jumps nightly above wizard.

      2. A quick brown fox jumps over the lazy dog. Public junk dwarves quiz mighty fox.

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

      1. Crazy Frederick bought many very exquisite opal jewels. Quick blowing zephyrs vex daft Jim.

      2. Crazy Frederick bought many very exquisite opal jewels. My jocks box, get hard, unzip, quiver, flow.

    2. The job of waxing linoleum frequently peeves chintzy kids. Junk MTV quiz graced by fox whelps. Foxy diva Jennifer Lopez wasn’t baking my quiche.

  2. Nymphs blitz quick vex dwarf jog.

See Also