Lists
Unordered bullet list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
Ordered list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
<ul class="list"> <li>List item 1</li> <li>List item 2</li> </ul>
<ol class="list"> <li>List item 1</li> <li>List item 2</li> </ol>
Roman ordered list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
Alpha ordered list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
<ol class="list list_roman"> <li>List item 1</li> <li>List item 2</li> </ol>
<ol class="list list_alpha"> <li>List item 1</li> <li>List item 2</li> </ol>
Unordered tick list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
Unordered info list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
<ul class="list list_tick"> <li>List item 1</li> <li>List item 2</li> </ul>
<ul class="list list_info"> <li>List item 1</li> <li>List item 2</li> </ul>
Unordered warning list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
Unordered plus list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
<ul class="list list_warning"> <li>List item 1</li> <li>List item 2</li> </ul>
<ul class="list list_plus"> <li>List item 1</li> <li>List item 2</li> </ul>
Unordered minus list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
Unordered arrow list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
<ul class="list list_minus"> <li>List item 1</li> <li>List item 2</li> </ul>
<ul class="list list_arrow"> <li>List item 1</li> <li>List item 2</li> </ul>
Unordered help list
- Suspendisse a pellentesque dui, non felis.
- Quisque lorem tortor fringilla sed.
- Quisque cursus et, porttitor risus.
- Nulla ipsum dolor lacus, suscipit adipiscing.
<ul class="list list_help"> <li>List item 1</li> <li>List item 2</li> </ul>
