--- id: 5f3c866d28d7ad0de6470505 title: Step 33 challengeType: 0 dashedName: step-33 --- # --description-- The flavors and prices are currently stacked on top of each other and centered with their respectable `p` elements. It would be nice if the flavor was on the left and the price was on the right. Add the class name `flavor` to the `French Vanilla` `p` element. # --hints-- You should add the `flavor` class to your `p` element. ```js assert(code.match(//i)); ``` You should only have one element with the `flavor` class. ```js assert($('.flavor').length === 1); ``` Your `flavor` class should be on the `p` element with the text `French Vanilla`. ```js assert($('.flavor')[0].innerText.match(/French Vanilla/i)); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu

CAMPER CAFE

Est. 2020

Coffee

--fcc-editable-region--

French Vanilla

3.00

--fcc-editable-region--

Caramel Macchiato

3.75

Pumpkin Spice

3.50

Hazelnut

4.00

Mocha

4.50

``` ```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; } ```