Span Element/P Element Step 43 Building a Nutritional Label

HTML-CSS
1

Hey guys,

Please assist :pray:t6:

Problem Statement:

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.

First Part of My Solution:

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

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

Link to challenge:

Learn Typography by Building a Nutrition Label: Step 43 | freeCodeCamp.org

Thank you in advance :pray:t6:

2

2nd attachment are the following steps of the instructions.

3

Fixed it guys.

It was a spacing issue.

4

10 posts were split to a new topic: Step 33 Build a Nutritional Label

5

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