Lists

Unordered list

Notice that the disc is a character from FontAwesome. If you don't want to use FontAwesome then you can just use li:before {content: '\2022';} in the CSS instead and remove 'FontAwesome' as the font family.

• Item 1
• Item 2
  • Sub-item 1
  • Sub-item 2
• Item 3
• Item 4
• Item 5

Ordered list

1. Item 1
2. Item 2
   1. Sub-item 1
   2. Sub-item 2
3. Item 3
4. Item 4
5. Item 5

Description list

Item 1

Vestibulum nec turpis turpis. Pellentesque ac iaculis neque, at porttitor eros.

Item 2

Ut blandit odio vitae dolor sollicitudin, a finibus justo tempus.

Lists with extra space between <li>s

• Sometimes list items are paragraphs and need extra space between them. Use the xbp ('extra bottom padding') class on the root element of the list.
• For example, this list is a <ul> with the code <ul class="xbp">.
• Item 3
• Item 4

• Link 1
• Back to the top