---
id: bad87fee1348bd9aede08835
title: Anida muchos elementos dentro de un solo elemento div
challengeType: 0
videoUrl: 'https://scrimba.com/p/pVMPUv/cNW4kC3'
forumTopicId: 18246
dashedName: nest-many-elements-within-a-single-div-element
---
# --description--
El elemento `div`, también conocido como elemento de división, es un contenedor de propósito general para otros elementos.
El elemento `div` es probablemente el elemento HTML más utilizado de todos.
Al igual que cualquier otro elemento sin cierre automático, puedes abrir un elemento `div` con `
` y cerrarlo en otra línea con `
`.
# --instructions--
Anida "Things cats love"" y "Top 3 Things cats hate" moviendo todo dentro de un solo elemento `div`.
Sugerencia: Intenta poner tu etiqueta de apertura `div` por encima de tu elemento `p` "Things cats love" y tu etiqueta de cierre de `div` después de cerrar `ol` para que ambas listas estén dentro de un `div`.
# --hints--
Tus elementos `p` deben anidarse dentro de tu elemento `div`.
```js
assert($('div').children('p').length > 1);
```
Tu elemento `ul` debe anidarse dentro de tu elemento `div`.
```js
assert($('div').children('ul').length > 0);
```
Tu elemento `ol` debe anidarse dentro de tu elemento `div`.
```js
assert($('div').children('ol').length > 0);
```
Tu elemento `div` debe tener una etiqueta de cierre.
```js
assert(
code.match(/<\/div>/g) &&
code.match(/<\/div>/g).length === code.match(//g).length
);
```
# --seed--
## --seed-contents--
```html
CatPhotoApp
Click here to view more cat photos.
Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
```
# --solutions--
```html
CatPhotoApp
Click here to view more cat photos.
Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
```