<li>

The li tag, or List Item element, is used to define a list item inside ordered lists (<ol>), unordered lists (<ul>), and in menu lists (<menu>).

Syntax

In <ul> and <menu>, list items are rendered with bullet points. In <ol>, list items are rendered with numbers or letters.

<ol>
  <li>A list item in an ordered list</li>
  <li>Another list item in an ordered list</li>
  <li>And another list item in an ordered list</li>
</ol>

<ul>
  <li>A list item in an unordered list</li>
  <li>Another list item in an unordered list</li>
  <li>And another list item in an unordered list</li>
</ul>

Attributes

value
Only used in ordered <ol> lists, this attribute designates the start value of a list item. Subsequent list items will follow with incremental numbers.

Browser Compatibilty

Demos

User-submitted codepen.io examples of <li> ↴

@krish

See the Pen on CodePen.

reply?

Want to Contribute?

Submit a codepen.io link that demonstrates <li>: