Lists

Unordered List

  • 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

  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

  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

  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

  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)

  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

  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

  • 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.

Crossed list item

Use the class item-crossed to change an single list item to a cross.

  • 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

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

Complex Ordered lists

  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.