Learn-typography-by-building-a-nutrition-label - Step 43

HTML-CSS
1

< div class=“daily-value small-text” > < p class=“bold right” > % Daily Value * < /p > < div class=“divider” > < p > < span > < span class=“bold” > Total Fat < /span > 8g < /span > < span class="bo…

2

hey there, can you please post your question and explain what issue you are having?

3

I have a error too" Sorry, your code does not pass. Hang in there.

One span element should wrap the text Total Fat."

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

Cut that span opening tag only, i mentioned above. And paste it after p opening tag, before your first span opening tag that have class bold.
@mandla.jiane

1 Like
5

oh i see last nest was my problem Finally, nest the Total Fat span element and the text 8g in an additional span element for alignment.

7

% Daily Value *

Total Fat8g 10%

</div>

I have tryed everything even online references for nesting no answer been strugeling for 2 day the message is :slight_smile:
Sorry, your code does not pass. Don’t give up.

Your new p element should have the text Total Fat 8g 10%. as you can see it has this info. ALMOST READY TO QUIT

9

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.