---
id: 61fd6cc9475a784b7776233e
title: Passo 7
challengeType: 0
dashedName: step-7
---
# --description--
Abaixo do elemento `div` existente, adicione um novo elemento `div` com a `class` definida como `table-wrap`. Este será o contêiner das suas tabelas.
Dentro dela, adicione três elementos `table`. Você usará o CSS para estilizá-las em uma única tabela, mas usar tabelas separadas ajudará os leitores de tela a entender o fluxo do documento.
# --hints--
Você deve criar um elemento `div`.
```js
assert(document.querySelectorAll('div')?.length === 2);
```
O novo elemento `div` deve ter a `class` definida como `table-wrap`.
```js
assert(document.querySelector('.table-wrap')?.localName === 'div');
```
O elemento `.table-wrap` deve vir após o elemento `div` existente.
```js
assert(document.querySelectorAll('div')?.[1]?.classList?.contains('table-wrap'));
```
O elemento `.table-wrap` deve ter três elementos `table`.
```js
const children = [...(document.querySelector('.table-wrap')?.children ?? [])];
assert(children?.length === 3);
children.forEach(child => assert(child?.localName === 'table'));
```
# --seed--
## --seed-contents--
```html
Balance Sheet