Responsive Web Design Learn Typography by Building a Nutrition Label: Step 43

HTML-CSS
1

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="daily-value small-text">
  <p class="bold right">% Daily Value *</p>
  <div class="divider"></div>
  <p>
    <span class="bold">Total Fat</span>
    <span>
      <span class="bold">8g</span>
    </span>
    <span class="bold">10%</span>
  </p>
</div>

Sorry, your code does not pass. Don’t give up.

Your p element should have three span elements.

2

Welcome to the forum @lawrensonsandra

So the forum can assist please post your code.

Use the following method to post code to the forum:

  1. On a separate line type three back ticks.
  2. On a separate line paste your code.
  3. On the last line type three back ticks. Here is a single back tick `

Happy coding

3

8g should not be bold
also, the span without class should be around all of Total Fat 8g, move the opening tag before the bold span element

4

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