Styling Lists

Here are a few examples of various html list elements displayed using the default Inki theme styles. Please note the style used for the bullet points in an unordered list.

Example 1

Unordered list (<ul>)

• List item one
• List item two
• List item three
• List item four
• List item five

Example 2

An ordered list (<ol>)

1. List item one
2. List item two
3. List item three
4. List item four
5. List item five

Example 3

A definition list (<dl>)

definition list dt

definition list dd

definition list dt

definition list dd

Lorem ipsum dolor sit amet

Consectetur adipisicing elit adipisicing elit adipisicing elit. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Example 4

An example of nested ordered and unordered lists.

1. Ordered list
2. Here’s a nested unordered list
   • Nested Unordered list
   • Nested ordered list
     1. The first
     2. And the second
3. Ordered List item
4. Nested Ordered list
   1. Some point
   2. Nested Unordered list
      • The first
      • And the second