That worked, but there is still a little space on the right of the price

Step 40

That worked, but there is still a little space on the right of the price.

You could keep trying various percentages for the widths. Instead, use the back space key on your keyboard to move the p element with the class price next to the p element with the class flavor so that they are on the same line in the editor. Make sure there is no space between them.

Hello! Welcome to the forum.

Please paste your code here.
On a new line add three backticks.
Then on the next line paste your code.
On the line after your code add 3 more bacticks. Here is one backtick (`)

hai sir i don’t understand this step could explAIN THIS

Example:
image

We need to see your code to assist you

Coffee

French Vanilla

3.00

You have pasted your code here, but you have not wrapped it on backticks. If you are finding it difficult to wrap it in backticks, select your whole code and click on this button
image

<h2>Coffee</h2>
          <article class="item">     
<p class="flavor">French Vanilla</p>
            <p class="price">3.00</p>
</article>

Yes, you got it.
Great job on your code aswell.
So both your p elements need to be on the same line not on different lines.
Example: <p>text</p><p>text</p>

thats why i am asking why i give like this

Welcome to the forum @selvendhiran.r

This step is part of a sequence which shows how to align elements using both class selectors and spacing.

Sometimes the steps are confusing and difficult to comprehend.

If at any time you have a question or issue, the forum is a great starting point to seek advice and guidance. You can also browse past posts using the search feature located at the top right of every forum page.

Happy coding

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.