Step 51 Nutrition Label

Im running in to an annoying problem while doing step 51.

After your last .divider , create another p element with the text Trans Fat 0g . Italicize the word Trans by wrapping it in an i element. Give the new p element the class attribute set to indent no-divider . Wrap Trans Fat 0g in a span element for alignment.

My code is

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

The problem is that as soon as I add the elements to Trans I get the error that says The P Class needs Trans Fat 0g so I essentially cant proceed because adding the i as specified kicks back the you screwed up error which isnt making sense. I know my html knowledge is dated which is why im trying to update but Ive used the I element for 20 years. Is there some new way of doing it?

What does your code look like when you try to make those changes?

<p class="indent no-divider"><i>Trans</i> Fat 0g</p>

Then I get the error that the entire block of text isnt even there

Where is the span element?

The tests can sometimes be delicate.

<span><i>Trans</i> Fat 0g</span>

Really weird. I basically mashed the check code like 20 times and now it accepted it

Found out ad block was doing something off after disabling it the checks are running and not removing the code.

1 Like

Extensions often work by modifying CSS, so they can really mess with the tests

Hello guys. I have the same problem with this one.

Trans Fat 0g

<p class="indent no-divider"><i>Trans</i> Fat 0g</p>

This is what I wrote. It says its wrong?

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.