Need help with step 43 of Nutrition project

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

Hi there, if you are struggling with this challenge could you post your code please and explain what you don’t understand?

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 (').

HI @Sohelali1132 !

Welcome to the forum!

I have updated your post with all in the relevant information that people will need to help you.

In the future, please use the ask for help button which includes the link to the challenge and your formatted code. :+1:

Ah yes, this one can be a little confusing!
You’ve got it mostly correct. I think what’s tricky is understanding how to add the final span element correctly. You do not need to add additional text to your p element as you have done. Instead, you just wrap an additional span element around the text ‘Total Fat 8g’, which means you must also wrap it around the span which you have already added to ‘Total Fat’. (So you have a span nested within a span).

First remove the additional span element at the end of the p, then add opening/closing span tags as described.

You may also need to pay attention to the text spacing as you do so.

1 Like

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