Learn Typography by building a nutrition label

HTML-CSS
1

Please Help here:

<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"><span><i>Trans</i> Fat 0g</span></p>
    <div class="divider"></div>
    <p><span class="bold"><span>Cholesterol</span></span><span class="bold">0mg</span><span class="bold">0%</span></p>
</div>

I have the next error=> Your new p element should have the text Cholesterol 0mg 0%.
2

Welcome to the community!
Please tell us what step you are on, and post the complete code using the Help
image

which appears after three unsuccessful attempts

3

As mentioned, always provide a link to the step so we know which one you are referring to. In this case I believe it is step 53.

" Your new p element should have the text Cholesterol 0mg 0%."

You see how there is a space between each of the words in the text. You need to keep these spaces in your HTML. You removed them when you added the spans. The hint isn’t telling you that specifically, but that’s why you are getting it.

1 Like
4

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