---
id: 61fd6cc9475a784b7776233e
title: Step 7
challengeType: 0
dashedName: step-7
---
# --description--
Sotto l'elemento `div` esistente, aggiungi un nuovo elemento `div` con un attributo `class` del valore `table-wrap`. Questo sarà il contenitore per le tue tabelle.
Al suo interno, aggiungi tre elementi `table`. Userai il CSS per rendere questi elementi una singola tabella, ma utilizzare tabelle separate aiuterà i lettori di schermo a capire il flusso del documento.
# --hints--
Dovresti creare un nuovo elemento `div`.
```js
assert(document.querySelectorAll('div')?.length === 2);
```
Il nuovo elemento `div` dovrebbe avere l'attributo `class` con il valore `table-wrap`.
```js
assert(document.querySelector('.table-wrap')?.localName === 'div');
```
L'elemento `.table-wrap` dovrebbe trovarsi dopo il `div` esistente.
```js
assert(document.querySelectorAll('div')?.[1]?.classList?.contains('table-wrap'));
```
L'elemento `.table-wrap` dovrebbe avere tre elementi `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