Stuck in step 55 of Nutrition facts

HTML-CSS
1 
  <div class="daily-value sm-text">
    <p class="right bold no-divider">% Daily Value *</p>
    <div class="divider"></div>
    <p><span class="bold">Total Fat</span> 8g<span class="bold right">10%</span></p>
    <p class="indent no-divider">Saturated Fat 1g <span class="bold right">5%</span></p>
    <div class="divider"></div>
    <p class="indent no-divider"><i>Trans</i> Fat 0g</p>
    <div class="divider"></div>
    <p><span class="bold">Cholesterol</span> 0mg <span class="right bold">0%</span></p>
    <p><span class="bold">Sodium</span> 160mg <span class="right bold">7%</span></p>
    <p><span class="bold">Total Carbohydrate</span> 37g <span class="right bold">13%</span></p>
    <p><span class="indent no-divider">Dietary Fiber</span> 4g</p>
  </div>
2

Please post your code using the </> button as well as the lesson you are on and some one would be happy to help

3

what is the error you are getting?

4

it says that I need to add other p and div:

Test

Sorry, your code does not pass. Try again.

Hint

You should create a new p and div element at the end of your .daily-value.sm-text element.

5

please send a link to the lesson.

6
7

You have added the p element but you have not added the div element the instructions call for

8 
  <div class="daily-value sm-text">
    <p class="right bold no-divider">% Daily Value *</p>
    <div class="divider"></div>
    <p><span class="bold">Total Fat</span> 8g<span class="bold right">10%</span></p>
    <p class="indent no-divider">Saturated Fat 1g <span class="bold right">5%</span></p>
    <div class="divider"></div>
    <p class="indent no-divider"><i>Trans</i> Fat 0g</p>
    <div class="divider"></div>
    <p><span class="bold">Cholesterol</span> 0mg <span class="right bold">0%</span></p>
    <p><span class="bold">Sodium</span> 160mg <span class="right bold">7%</span></p>
    <p><span class="bold">Total Carbohydrate</span> 37g <span class="right bold">13%</span></p>
     <p><span class="indent no-divider">Dietary Fiber</span> 4g</p>
    <div></div>
  </div>
9

still stuck:
this time it says:

Test

Sorry, your code does not pass. Keep trying.

Hint

Your new p element should have the class attribute set to indent no-divider.

10 
<p><span class="indent no-divider">Dietary Fiber</span> 4g</p>

the class is inside the span element instead of the p element.
once you have giving the p element its proper class the span class should be class=“bold”

and the instructions call for the div to have a class of class=“divider”

11

thank you “my rescuer”

12

no problem …happy to help

13

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