Learn Typography by Building a Nutrition Label

HTML-CSS
1

Hi im struggling with this step no matter how i format it either itll tell me to wrap the element to the text or it will tell me that I need to have 3 elements if any one can help me out.
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.

  <div class="divider"></div>
  <p><span class='bold'>Total Fat</span> 8g<span class='bold right'> 10%</span></p>

Sorry, your code does not pass. Hang in there.

Your p element should have three span elements.

2

Welcome to the community @miguelcarnero15 !

It is best to use the Help that appears after three failed attempts on any step.
This allows us to provide the complete code and any error messages received by us for the failed code.

You are doing great.
The last step is the only one left to add the third span element.

It needs to nest the first opening span and close immediately after 8g.

I hope this helps you!

Wishing you good progress!

3

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