« Previous Next »

Unordered Lists

An unordered list begins with the <ul> tag.and every item in the list is defined using the< li >tag.

By default, list items are displayed with bullet symbols (solid black circles):

Output 1:

Disc

Output:

Circle

Output:

square

Output:

No List Marker

Output:

Nested HTML Lists

Lists can be nested (list inside list):

Output:

Horizontal List with CSS

HTML lists can be styled in many different ways with CSS:

One popular way is to style a list horizontally, to create a navigation menu:

Output 5:

« Previous Next »