Learn Typography by Building a Nutrition Label Step-43

HTML-CSS
1

I have this task : " 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."

This is my code:

div class=“daily-value small-text”>
p class=“bold right”>% Daily Value *


div class=“divider”>
p>

              span class="bold">Total Fat</span>
              span>8g</span>
              span class="bold">10%</span>

     /p>
/div>

This is the error: " One span element should wrap the text Total Fat "

I’m struggling with this , any help if its posible? ,also i have all the “<”

1 Like
2

Looks close! If I understand the ‘8g’ needs a little work. Erase the span element in front of the ‘8g’ and put it in front of the the first span element, the one that surrounds ‘Total Fat’.

This way ‘Total Fat’ and ‘8g’ can share styles.

3

i alrealdy found the problem , ty also!

1 Like
4

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