HTML <li> Tag


The <li> HTML tag, short for "list item," is used to define an item in a list. It is typically used within ordered lists <ol> or unordered lists <ul>. Each <li> element represents a single item within the list, and the content inside the <li> tags can include text, images, links, or other HTML elements. When rendered in a web browser, list items are typically displayed with a bullet point (for unordered lists) or a sequential number or letter (for ordered lists) to indicate their position within the list. The <li> tag is a fundamental element for structuring and presenting information in a list format on web pages.


Permitted Parents
An <ul>, <ol>, or <menu> element. Though not a conforming usage, the obsolete <dir> can also be a parent
Block, inline and text
Start/End Tags
Start tag: required, End tag: required




Attribute Definition
type Specifies the type of bullet. Possible values:
  • A
  • a
  • I
  • i
  • 1
  • disc
  • square
  • circle
-Deprecated- Use CSS Instead
value Specifies the number of the current list item.

Global Attributes

The <li> tag also supports the Global Attributes in HTML5

Event Attributes

The <li> tag also supports the Event Attributes in HTML5

Browser Support

The following table will show you the current browser support for the HTML <li> tag.

Edge Chrome Firefox Opera Safari
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview

Last updated by CSSPortal on: 30th March 2024