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
- 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 - alpha
- 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 - Roman numerals
- 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 - nested
-
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.
- 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.
Add brackets to any ordered list
Use the brackets
class to format the list items as (x)
- 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 - steps
-
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.
-
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
-
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
- No bullet point, overriden
- Qui impetus tibique
Complex Ordered lists
-
Ordered list, inner
- Qui impetus tibique
-
Ordered list, inner-inner
- Qui impetus tibique
- maluisset ne, omnes
-
Ordered list, inner-inner, type="a"
- maluisset ne, omnes
-
Ordered list, inner-inner-inner, type="i"
- maluisset ne, omnes
-
Ordered list, inner-inner-inner-inner, type="a"
- Qui impetus tibique
- maluisset ne, omnes
-
Ordered list, inner-inner-inner, type="1"
- maluisset ne, omnes
- persequeris in vis.
-
Ordered list, inner-inner, type="i"
- No bullet point, overriden
- persequeris in vis.
-
Unordered list, inner-inner
- No bullet point, overriden
- maluisset ne, omnes
- persequeris in vis.
-
Unordered list, inner
- Qui impetus tibique
- persequeris in vis.