Learn Basic CSS by building a Cafe Menu Step 32

Step 32

The flavors and prices are currently stacked on top of each other and centered with their respective 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.

My answer -

    <p French Vanilla
             .flavor{}
            </p>
            <p>3.00</p>

Hint

You should add the flavor class to your p element.

I don’t understand what I’m getting wrong.

you are mixing css and html you dont need the . and {} remember the __="" form

2 Likes

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').