The <li> <menu>). In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually displayed with an ascending counter on the left, such as a number or letter.

Try it

<p>Apollo astronauts:</p>

<ul>
  <li>Neil Armstrong</li>
  <li>Alan Bean</li>
  <li>Peter Conrad</li>
  <li>Edgar Mitchell</li>
  <li>Alan Shepard</li>
</ul>

p,
li {
  font:
    1rem "Fira Sans",
    sans-serif;
}

p {
  font-weight: bold;
}

Attributes

This element includes the global attributes.

value

This integer attribute indicates the current ordinal value of the list item as defined by the <menu>).

type Deprecated

This character attribute indicates the numbering type:

a: lowercase letters
A: uppercase letters
i: lowercase Roman numerals
I: uppercase Roman numerals
1: numbers

This type overrides the one used by its parent <ol> element, if any.

Note: This attribute has been deprecated; use the CSS list-style-type property instead.

Examples

For more detailed examples, see the <ul> pages.

Ordered list

html

<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

Result

Ordered list with a custom value

html

<ol type="I">
  <li value="3">third item</li>
  <li>fourth item</li>
  <li>fifth item</li>
</ol>

Result

Unordered list

html

<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

Result

Technical summary

Content categories	None.
Permitted content	Flow content.
Tag omission	The end tag can be omitted if the list item is immediately followed by another `<li>` element, or if there is no more content in its parent element.
Permitted parents	An `<ol>`, or `<menu>` element. Though not a conforming usage, the obsolete `<dir>` can also be a parent.
Implicit ARIA role	`listitem` when child of an `ul` or `menu`
Permitted ARIA roles	`menuitem`, `menuitemcheckbox`, `option`, `presentation`, `separator`, `treeitem`
DOM interface	`HTMLLIElement`

Specifications

Specification
HTML # the-li-element

Browser compatibility

BCD tables only load in the browser