It’s Festive Season! Enjoy 30% Off

Use code FESTIVE30 at checkout

Code has been added to clipboard!

HTML ul Tag

Reading time 1 min
Published Jun 29, 2017
Updated Oct 2, 2019

HTML ul: Main Tips

  • The <ul> tag creates an unordered list of items.
  • To represent the items in the list, use <li>.
  • HTML <ul> tag is supported by every browser.
  • This tag supports all global attributes.

Creating an HTML Bullet List

First of all, what does ul stand for? It means an unordered list, usually displayed as an HTML bullet list:

Example
<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

Note: the markers of such list can be customized using CSS.

Deprecated Attributes

There were two attributes commonly used with HTML ul tag. However, they both have been deprecated in HTML5. We recommend using CSS properties instead.

compact made the list appear in a more compact style. The exact look would depend on the browser:

Example
<ul compact>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

Note: instead of compact, use CSS line-height property.

type identified the kind of marker to be used in the HTML bullet list - a square, a disc, or a circle:

Example
<ul type="square">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

Note: instead of type, use CSS list-style-type property.

Browser support

Browser image
Chrome
All
Browser image
Edge
All
Browser image
Firefox
1+
Browser image
IE
All
Browser image
Opera
All
Browser image
Safari
All

Mobile browser support

Browser image
Chrome
All
Browser image
Firefox
4+
Browser image
Opera
All
Browser image
Safari
All