--- id: 615f42a021625f656101ef93 title: Step 22 challengeType: 0 dashedName: step-22 --- # --description-- Horizontal spacing between equally important elements can increase the readability of your text. Wrap the text `2/3 cup (55g)` in a `span` element, and give it a `class` attribute set to `right`. # --hints-- You should create a new `span` element. ```js assert(document.querySelector('span')); ``` Your new `span` element should have the `class` attribute set to `right`. ```js assert(document.querySelector('span')?.classList?.contains('right')); ``` Your `span` element should have the text `2/3 cup (55g)`. ```js assert(document.querySelector('span')?.textContent === '2/3 cup (55g)'); ``` Your `p` element should still have the text `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)