HTML ul Tag

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:

<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.

Theory is great, but we recommend digging deeper!

HTML Coding For Beginners Course: Learn HTML in 1 Hour

John Bura

4.3 (345)

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:

<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:

<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

Chrome

All

Edge

All

Firefox

1+

IE

All

Opera

All

Safari

All

Mobile browser support

Chrome

All

Firefox

4+

Opera

All

Safari

All