Latest web development tutorials
 

HTML <ul> Tag


Example

An unordered HTML list:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
Try it Yourself »

More "Try it Yourself" examples below.


Definition and Usage

The <ul> tag defines an unordered (bulleted) list.

Use the <ul> tag together with the <li> tag to create unordered lists.


Browser Support

Element
<ul> Yes Yes Yes Yes Yes

Tips and Notes

Tip: Use CSS to style lists.

Tip: To create ordered lists, use the <ol> tag.


Differences Between HTML 4.01 and HTML5

The "compact" and "type" attributes are not supported in HTML5.


Attributes

Attribute Value Description
compact compact Not supported in HTML5.
Specifies that the list should render smaller than normal
type disc
square
circle
Not supported in HTML5.
Specifies the kind of marker to use in the list

Global Attributes

The <ul> tag also supports the Global Attributes in HTML.


Event Attributes

The <ul> tag also supports the Event Attributes in HTML.


Try it Yourself - Examples

A nested list
A list inside a list.

Another nested list
A more complicated nested list.


Related Pages

HTML tutorial: HTML Lists

HTML DOM reference: Ul Object

CSS Tutorial: Styling Lists


Default CSS Settings

Most browsers will display the <ul> element with the following default values:

Example

ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
Try it Yourself »