--- id: 5f356ed6cf6eab5f15f5cfe6 title: Step 20 challengeType: 0 dashedName: step-20 --- # --description-- A differenza degli altri elementi di contenuto che hai utilizzato finora, l'elemento `div` è utilizzato principalmente per il design del layout. Aggiungi un elemento `div` all'interno dell'elemento `body` e poi sposta tutti gli altri elementi all'interno del nuovo elemento `div`. # --hints-- Dovresti avere un tag di apertura `

`. ```js assert(code.match(/

/i)); ``` Dovresti avere un tag di chiusura `

`. ```js assert(code.match(/<\/div>/i)); ``` Non dovresti cambiare l'elemento `body` esistente. Assicurati di non aver eliminato il tag di chiusura. ```js assert($('body').length === 1); ``` Il tag `div` dovrebbe essere annidato nell'elemento `body`. ```js const div = $('div')[0]; assert(div.parentElement.tagName === 'BODY'); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu --fcc-editable-region--

CAMPER CAFE

Est. 2020

Coffee

--fcc-editable-region-- ``` ```css body { background-color: burlywood; } h1, h2, p { text-align: center; } ```