--- id: 615f42a021625f656101ef93 title: Step 22 challengeType: 0 dashedName: step-22 --- # --description-- La spaziatura orizzontale tra elementi ugualmente importanti può aumentare la leggibilità del testo. Avvolgi il testo `2/3 cup (55g)` in un elemento `span`, e dagli un attributo `class` impostato a `right`. # --hints-- Dovresti creare un nuovo elemento `span`. ```js assert(document.querySelector('span')); ``` Il tuo nuovo elemento `span` dovrebbe avere l'attributo `class` impostato a `right`. ```js assert(document.querySelector('span')?.classList?.contains('right')); ``` Il tuo elemento `.right` dovrebbe avere il testo `2/3 cup (55g)`. ```js assert(document.querySelector('span')?.textContent === '2/3 cup (55g)'); ``` Il tuo 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
8 servings per container
Serving size 2/3 cup (55g)