--- id: 615f42a021625f656101ef93 title: Step 22 challengeType: 0 dashedName: step-22 --- # --description-- La spaziatura orizzontale tra elementi di uguale importanza può migliorare la leggibilità del testo. Inserisci il testo `2/3 cup (55g)` in un elemento `span` e assegnagli un attributo `class` con il valore `right`. # --hints-- Dovresti creare un nuovo elemento `span`. ```js assert(document.querySelector('span')); ``` Il nuovo elemento `span` dovrebbe avere l'attributo `class` con il valore `right`. ```js assert(document.querySelector('span')?.classList?.contains('right')); ``` L'elemento `span` dovrebbe avere il testo `2/3 cup (55g)`. ```js assert(document.querySelector('span')?.textContent?.trim() === '2/3 cup (55g)'); ``` L'elemento `p` dovrebbe ancora avere il testo `Serving size 2/3 cup (55g)`. ```js assert(document.querySelectorAll('p')?.[1]?.innerText === 'Serving size 2/3 cup (55g)'); ``` # --seed-- ## --seed-contents-- ```html Nutrition Label --fcc-editable-region--

Nutrition Facts

8 servings per container

Serving size 2/3 cup (55g)

--fcc-editable-region-- ``` ```css * { box-sizing: border-box; } html { font-size: 16px; } body { font-family: 'Open Sans', sans-serif; } .label { border: 2px solid black; width: 270px; margin: 20px auto; padding: 0 7px; } h1 { text-align: center; margin: -4px 0; letter-spacing: 0.15px } p { margin: 0; } .divider { border-bottom: 1px solid #888989; margin: 2px 0; } .bold { font-weight: 800; } ```