---
id: 6143610161323a081b249c19
title: Passo 19
challengeType: 0
dashedName: step-19
---
# --description--
Preenchendo o conteúdo do quiz, abaixo de `#student-info`, adicione três elementos `div` com uma `class` de `info`.
Em seguida, dentro de cada `div` aninhe um elemento `label` e um elemento `input`.
# --hints--
Você deve aninhar três elementos `div` abaixo do elemento `h2#student-info`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.length, 3);
```
Você deve dar ao primeiro `div` uma `class` de `info`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[0]?.className, 'info');
```
Você deve dar ao segundo `div` uma `class` de `info`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[1]?.className, 'info');
```
Você deve dar ao terceiro `div` uma `class` de `info`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[2]?.className, 'info');
```
Você deve aninhar um elemento `label` dentro do primeiro `div`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[0]?.querySelectorAll('label')?.length, 1);
```
Você deve aninhar um elemento `input` no primeiro `div`, após o `label`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[0]?.querySelectorAll('input')?.length, 1);
assert.exists(document.querySelectorAll('h2#student-info ~ div')?.[0]?.querySelector('label + input'));
```
Você deve aninhar um elemento `label` dentro do segundo `div`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[1]?.querySelectorAll('label')?.length, 1);
```
Você deve aninhar um elemento `input` dentro do segundo `div`, após o `label`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[1]?.querySelectorAll('input')?.length, 1);
assert.exists(document.querySelectorAll('h2#student-info ~ div')?.[1]?.querySelector('label + input'));
```
Você deve aninhar um elemento `label` dentro do terceiro `div`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[2]?.querySelectorAll('label')?.length, 1);
```
Você deve aninhar um elemento `input` dentro do terceiro `div`, após o `label`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[2]?.querySelectorAll('input')?.length, 1);
assert.exists(document.querySelectorAll('h2#student-info ~ div')?.[2]?.querySelector('label + input'));
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
