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. Boxers had zap of gay jock love, quit women.
  2. Twelve ziggurats quickly jumped a finch box.
  3. Quick blowing zephyrs vex daft Jim.

Nested Loose List with interruption

  1. Five hexing wizard bots jump quickly. A wizard’s job is to vex chumps quickly in fog.

    1. The quick brown fox jumps over a lazy dog. Jumpy halfling dwarves pick quartz box.

    2. Jackie will budget for the most expensive zoology equipment. The wizard quickly jinxed the gnomes before they vaporized.

  2. Why shouldn’t a quixotic Kazakh vampire jog barefoot? My jocks box, get hard, unzip, quiver, flow.

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. “Who am taking the ebonics quiz?”, the prof jovially axed. Waltz, bad nymph, for quick jigs vex! Blowzy red vixens fight for a quick jump.

    1. Jack fox bids ivy-strewn phlegm quiz. A quivering Texas zombie fought republic linked jewelry.

      1. Sex-charged fop blew my junk TV quiz. Sixty zips were quickly picked from the woven jute bag.

      2. Vexed nymphs go for quick waltz job. Big July earthquakes confound zany experimental vow.

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

      1. GQ jock wears vinyl tuxedo for showbiz promo. Fake bugs put in wax jonquils drive him crazy.

      2. Just keep examining every low bid quoted for zinc etchings. Sphinx of black quartz, judge my vow!

    2. My girl wove six dozen plaid jackets before she quit. Quick brown fox jumps over the lazy dog. Bobby Klun awarded Jayme sixth place for her very high quiz.

  2. Bawds jog, flick quartz, vex nymph.

See Also