Why my code is wrong? I've tried this many times in several weeks

<div class="daily-value small-text">
  <p class="bold right">% Daily Value *</p>
  <div class="divider"></div>
  <p>
    <span>
      <p><span class="bold">Total Fat</span> 8g <span class="bold">10%</span></p>
      <p>Saturated Fat 1g <span class="bold">5%</span></p>
    </span>
  </p>
</div>

Hi there! What’s the task number? Please share the link

Thank u bro, here’s the link: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-typography-by-building-a-nutrition-label/step-44

and this is the requirement: Step 44

Below your element with the Total Fat text, create a new p element with the text Saturated Fat 1g 5%. Wrap the 5% in a span with the class attribute set to bold. In this case this is enough to align the percentage to 5%.

this is requirement:

Step 44

Below your element with the Total Fat text, create a new p element with the text Saturated Fat 1g 5%. Wrap the 5% in a span with the class attribute set to bold. In this case this is enough to align the percentage to 5%.

this is my code:

% Daily Value *

Total Fat 8g 10%

Saturated Fat 1g 5%

Thanks for the link, but you have to format your code properly. How to do: Forum Code Formatting

2 Likes

Hey! I would count up the number of <p> elements that you have. At the moment it looks like the code you’re struggling on is within an extra <p> element that you don’t need.

1 Like