You should not have any spaces between your p elements

HTML-CSS
1

Hi Team!
I have checked my code like 5 times and I cant see the space between the

elements but it’s not going through,
(Hint. You should not have any spaces between your p elements.)
please check if you can fix/help me with it.
My code so far,

<article class="item">
            <p class="dessert">Donut</p>
            <p class="price">1.50</p>
          </article>
          <article class="item">
            <p class="dessert">Cherry Pie</p>
            <p class="price">2.75</p>
          </article>
          <article class="item">
            <p class="dessert">Cheesecake</p>
            <p class="price">3.00</p>
          </article>
          <article class="item">
            <p class="dessert">Cinnamon Roll</p>
            <p class="price">2.50</p>
          </article>
2

please post a link to the challenge

3
4

you will have to reset the code. When you click the reset button you should see the code as below

          <article class="item">
            <p class="dessert">Donut</p><p class="price">1.50</p>
          </article>

Notice how the p elements are side by side on the same line?
If you don’t have that showing up like this, then force your browser to refresh with CTRL-F5.

Then add the rest of the code using the same style. (the new p elements should be side by side within each article element)

1 Like
5

Thank you for your time!
I think there was some issue with the browser as I did try it the way you told me before even posting this here, but the Ctrl+F5 did the trick as it worked when I refreshed it.

1 Like