Description

The li element defines an individual list item and can only appear inside the handful of list-related elements detailed above. Each list item is represented by a bullet (for unordered lists, defined by the ul element) or a number or letter (in the case of ordered lists, defined by the ol element).

The example above shows the li as it’s used in an ordered list (ol), but it could be applied identically inside an unordered list (ul):

<ul>
  <li>Eggs</li>
  <li>Cheese</li>
  <li>Milk</li>
  <li>Papadums</li>
  <li>Tickle-me Elmo</li>
  <li>Dr Who Remote Control Dalek</li>
</ul>

The two types of list items would render as shown in Figure 1.

Figure 1. An ordered list followed by an unordered list

List items may also appear inside dir and menu elements, although it should be noted that both dir and menu are now deprecated and should no longer be used.