HTML <ul> Tag


An unordered HTML list:


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

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


Attribute Value Description
compact compact Not supported in HTML5.
Specifies that the list should render smaller than normal
type disc
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

Default CSS Settings

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


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 »

Color Picker