--- id: 5f356ed6cf6eab5f15f5cfe6 title: Step 21 challengeType: 0 dashedName: step-21 --- # --description-- The `div` element is used mainly for design layout purposes unlike the other content elements you have used so far. Add a `div` element inside the `body` element and then move all the other elements inside the new `div`. # --hints-- You should have an opening `

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

/i)); ``` You should have a closing `

` tag. ```js assert(code.match(/<\/div>/i)); ``` You should not change your existing `body` element. Make sure you did not delete the closing tag. ```js assert($('body').length === 1); ``` Your `div` tag should be nested in the `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; } ```