---
title: How to Use Lists
---
## How to Use Lists
Lists are used to specify a set of consecutive items or related information in well formed and semantic way, such as a list of ingredients or a list of procedural steps.
HTML markup has three different types of lists - **ordered**, **unordored** and **description** lists.
### Ordered Lists
An ordered list is used to group a set of related items, in a specific order.
This list is created with `
` tag. Each list item is surrounded with `- ` tag.
##### Code
```html
- Mix ingredients
- Bake in oven for an hour
- Allow to stand for ten minutes
```
##### Example
- Mix ingredients
- Bake in oven for an hour
- Allow to stand for ten minutes
### Unordered Lists
An unordered list is used to group a set of related items, in no particular order. This list is created with `` tag. Each list item is surrounded with `- ` tag.
##### Code
```html
- Chocolate Cake
- Black Forest Cake
- Pineapple Cake
```
#### Example
- Chocolate Cake
- Black Forest Cake
- Pineapple Cake
### Description Lists
A description list is used to specify a list of terms and their descriptions. This list is created with `` tag. Each list item is surrounded with `- ` tag.
##### Code
```html
- Bread
- A baked food made of flour.
- Coffee
- A drink made from roasted coffee beans.
```
##### Output
- Bread
- A baked food made of flour.
- Coffee
- A drink made from roasted coffee beans.
#### Styling List
You can also control the style of the list. You can use `list-style` property of lists. Your list can be bullets, square, in roman numearls or can be images you want.
`list-style` property is a shorthand for `list-style-type`, `list-style-position`, `list-style-image`.
#### More Information:
[HTML lists ยท WebPlatform Docs](https://webplatform.github.io/docs/guides/html_lists/
)