--- id: 5f769541be494f25449b292f title: Step 34 challengeType: 0 dashedName: step-34 --- # --description-- Using your new `flavor` class as a selector, set the `text-align` property's value to `left`. # --hints-- You should have a `flavor` class selector. ```js const hasFlavor = new __helpers.CSSHelp(document).getStyle('.flavor'); assert(hasFlavor); ``` You should set the `text-align` property to `left`. ```js const hasTextAlign = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['text-align'] === 'left'); assert(hasTextAlign); ``` Your `flavor` class selector should set the `text-align` property to `left`. ```js const flavorTextAlign = new __helpers.CSSHelp(document).getStyle('.flavor')?.getPropertyValue('text-align'); assert(flavorTextAlign === 'left'); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu ``` ```css body { background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; } --fcc-editable-region-- --fcc-editable-region-- ```