---
id: 5dfb5ecbeacea3f48c6300b1
title: Passo 20
challengeType: 0
dashedName: step-20
---
# --description--
Use elementos de item de lista (`li`) para criar itens em uma lista. Aqui está um exemplo de itens de lista em uma lista não ordenada:
```html
```
Dentro do elemento `ul`, aninhe três itens de lista para exibir três coisas que os gatos amam:
`cat nip` `laser pointers` `lasagna`
# --hints--
Você deve ter três elementos `li`. Cada elemento `li` deve ter sua própria tag de abertura e de fechamento.
```js
assert($('li').length === 3 && code.match(/<\/li\>/g).length === 3);
```
Você deve ter os três elementos `li` com os textos `cat nip`, `laser pointers` e `lasagna`, não importando a ordem. Você omitiu algum dos textos ou tem um erro de digitação.
```js
assert.deepStrictEqual(
[...document.querySelectorAll('li')]
.map((item) => item.innerText.toLowerCase())
.sort((a, b) => a.localeCompare(b)),
['cat nip', 'lasagna', 'laser pointers']
);
```
Os três elementos `li` devem estar localizados entre as tags de abertura e fechamento do elemento `ul`.
```js
assert(
[...document.querySelectorAll('li')].filter(
(item) => item.parentNode.nodeName === 'UL'
).length === 3
);
```
# --seed--
## --seed-contents--
```html
CatPhotoApp
Cat Lists
Things cats love:
--fcc-editable-region--
--fcc-editable-region--
```