Learn Typography by Building a Nutrition Label Step 43

Step 43

After your last .divider element, create a p element and give it the text Total Fat 8g 10%. Wrap Total Fat in a span element with the class set to bold. Wrap 10% in another span element with the class set to bold. Finally, nest the Total Fat span element and the text 8g in an additional span element for alignment.

I keep getting the error message

Sorry, your code does not pass. Keep trying.
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 right">10%</span></p>
</div>

There should be no span just around 8g. The last span to add should wrap both Total Fat (which includes the span wrapping it) and 8g.

Also, make sure you don’t accidentally remove any spaces.

% Daily Value *

Total Fat 8g 10%

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