Skip to the main content


Lists

Lists are used to group related content in a number of settings (e.g. ordered, unordered) and cases (e.g. definitions, links, etc.).

Lists Preview

Bulleted List

Bulleted, or unordered , lists show a loose association with no sequential meaning. Its important to note that list-based styling can be applied to non-semantic list markup, but only when appropriate (and when leveraging any necessary role attributes).

  • Apples
  • Apricots
  • Bananas
  • Blackberries
  • Blueberries
  • Cherries
  • Coconuts
  • Cranberries
  • Figs
  • Oranges
  • Plums
  • Blueberries
  • Cherries
  • Coconuts
  • Cranberries

Designed on top of an ocean, the town of Darnassea is home to dark elves lead by Colonel Alduin. This town wasn't built by an ocean by accident, as it has ancient, lost technologies, which is of great importance to the people of Darnassea and its success.

Darkwell has a troubled economy, which is mainly supported by jewelcrafting, fishing and fletching. But their biggest strengths are intricate jewelcrafting and rare herbalism. However, Darkwell lacks people skilled in farming.

Raised inside a geyser field, the port of Darkwell is home to vikings lead by Mrs. Chilson. This port wasn't built by a geyser field by accident, as it has rare resources, which is of great importance to the people of Darkwell and its success.

  • Figs (No Indent)
  • Oranges (No Indent)
  • Plums (No Indent)

Ordered Lists

Ordered lists show a sequentially-based association between items. Its important to note that list-based styling can be applied to non-semantic list markup, but only when appropriate (and when leveraging any necessary role attributes).

  1. Apples
  2. Apricots
  3. Bananas
  4. Blackberries
  5. Blueberries
  6. Cherries
  7. Coconuts
  8. Cranberries
  9. Figs
  10. Oranges
  11. Plums

Designed on top of an ocean, the town of Darnassea is home to dark elves lead by Colonel Alduin. This town wasn't built by an ocean by accident, as it has ancient, lost technologies, which is of great importance to the people of Darnassea and its success.

Darkwell has a troubled economy, which is mainly supported by jewelcrafting, fishing and fletching. But their biggest strengths are intricate jewelcrafting and rare herbalism. However, Darkwell lacks people skilled in farming.

Raised inside a geyser field, the port of Darkwell is home to vikings lead by Mrs. Chilson. This port wasn't built by a geyser field by accident, as it has rare resources, which is of great importance to the people of Darkwell and its success.

  1. Figs (No Indent)
  2. Oranges (No Indent)
  3. Plums (No Indent)

Unstyled Lists

  • Apples
  • Apricots
  • Bananas
  • Blackberries

Inline List

  1. Install
  2. Configure
  3. Create New File
  4. Begin Authoring

Nested Lists

  • Apples
    • Red Delicious
    • Macintosh
    • Granny Smith
    • Honey Crisp
  • Apricots
  • Bananas
  • Blackberries
  1. Blueberries
  2. Cherries
    1. Bing
    2. Balaton
    3. Ulster
    4. Maraschino
  3. Coconuts
  4. Cranberries

Definition Lists

RSS (hd-3)
An XML format for aggregating information from websites whose content is frequently updated.
Weblog (hd-3)
Contraction of the term "web log", a weblog is a website that is periodically updated, like a journal
Founders: (hd-6)
Clark Kent (meta copy)
Bruce Wayne (meta copy)
Diana Prince (meta copy)
Members: (hd-6)
Hal Jordan (meta copy)
Barry Allen (meta copy)
J'onn J'onzz (meta copy)

List with Visual Dividers

Lists with Complex Content

Light scaffolding for more complex UI/visually appearing lists is provided. Please note that the best semantic markup for the situation should be chosen when leveraging this extension.

Home

You know, where the heart is

Darnassea

Designed on top of an ocean, the town of Darnassea is home to dark elves lead by Colonel Alduin. This town wasn't built by an ocean by accident, as it has ancient, lost technologies, which is of great importance to the people of Darnassea and its success.

Complex Item Heading (hd-2)

Darkwell has a troubled economy, which is mainly supported by jewelcrafting, fishing and fletching. But their biggest strengths are intricate jewelcrafting and rare herbalism. However, Darkwell lacks people skilled in farming (large copy).

Darkwell (hd-5)

Raised inside a geyser field, the port of Darkwell is home to vikings lead by Mrs. Chilson. This port wasn't built by a geyser field by accident, as it has rare resources, which is of great importance to the people of Darkwell and its success (meta copy).

Grouped Lists

Grouped lists more strongly show a relationship between items. Additionally, they can be used in tandem with block-level link styling.

  • Apples
  • Apricots
  • Bananas
  • Blackberries
Darnassea

Designed on top of an ocean, the town of Darnassea is home to dark elves lead by Colonel Alduin. This town wasn't built by an ocean by accident, as it has ancient, lost technologies, which is of great importance to the people of Darnassea and its success

Darkwell (hd-2)

Darkwell has a troubled economy, which is mainly supported by jewelcrafting, fishing and fletching. But their biggest strengths are intricate jewelcrafting and rare herbalism. However, Darkwell lacks people skilled in farming (large copy).