Learn Typography by Building a Nutrition Label - Step 43

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Step 43

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

Its not letting me continue telling me that one span element should wrap the text “Total Fat”. I thought i did it but to no avail. May i have some guidance please?

Your code so far

<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">10%</span></p>
      
</div>
2

It really helps if you don’t delete the link to the Step!

3

sorry was trying to edit the post

4

Can you please edit it to put back the link to the Step that’s automatically put there?

5

You code is close, but your spaces are off.

Total Fat 8g 10%

You should start with this text, then add span elements without deleting any spaces.

1 Like
6

got it to work, thank you!

2 Likes
7

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