Lists

Unordered List

Example:
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.

Ordered list

Example:
  1. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  2. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  3. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.

Ordered list - alpha

Example:
  1. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  2. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  3. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.

Ordered list - Roman numerals

Example:
  1. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  2. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  3. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.

Ordered list - nested

Example:
  1. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
    1. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
    2. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
      1. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
      2. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  2. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  3. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.

Add brackets to any ordered list

Use the brackets class to format the list items as (x)

Example:
  1. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  2. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  3. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.

Ordered list - steps

Example:
  1. Headline

    Cum ceteris in veneratione tui montes , nascetur mus. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Quisque ut dolor gravida, placerat libero vel, euismod. Fabio vel iudice vincam, sunt in culpa qui officia. Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Sed haec quis possit intrepidus aestimare tellus.

  2. Headline

    Petierunt uti sibi concilium totius Galliae in diem certam indicere. Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Sed haec quis possit intrepidus aestimare tellus.

    • Item
    • Item
  3. Headline

    Cum ceteris in veneratione tui montes , nascetur mus. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Quisque ut dolor gravida, placerat libero vel, euismod. Fabio vel iudice vincam, sunt in culpa qui officia. Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Sed haec quis possit intrepidus aestimare tellus.

Ticked list

Example:
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
    • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
    • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae sequi saepe, suscipit alias voluptatibus, quam porro temporibus nihil mollitia explicabo.

Complex Unordered lists

Example:
  • Unordered list, inner
    • Qui impetus tibique
    • maluisset ne, omnes
  • Ordered list, inner
    1. No bullet point, overriden
    2. Qui impetus tibique

Complex Ordered lists

Example:
  1. Ordered list, inner
    1. Qui impetus tibique
    2. Ordered list, inner-inner
      1. Qui impetus tibique
      2. maluisset ne, omnes
    3. Ordered list, inner-inner, type="a"
      1. maluisset ne, omnes
      2. Ordered list, inner-inner-inner, type="i"
        1. maluisset ne, omnes
        2. Ordered list, inner-inner-inner-inner, type="a"
          1. Qui impetus tibique
          2. maluisset ne, omnes
      3. Ordered list, inner-inner-inner, type="1"
        1. maluisset ne, omnes
        2. persequeris in vis.
    4. Ordered list, inner-inner, type="i"
      1. No bullet point, overriden
      2. persequeris in vis.
    5. Unordered list, inner-inner
      • No bullet point, overriden
      • maluisset ne, omnes
    6. persequeris in vis.
  2. Unordered list, inner
    • Qui impetus tibique
    • persequeris in vis.