Learn Typography by Building a Nutrition Label - Step 43

HTML-CSS
1

Continuing the discussion from Learn Typography by Building a Nutrition Label - Step 43:

I have the same issue. However, I closed all opening span tags. Please give me a solution.

 <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

You aren’t quite doing the last step in the instructions correctly:

“Finally, nest the Total Fat span element and the text 8g in an additional span element”

This means there should be one span element that wraps around both the Total Fat span and 8g.

3 
<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>

Is that correct? But the hint is shown like,

Hint : Your new p element should have the text Total Fat 8g 10%.

4

Check your spacing. Does the preview show a space between Total Fat and 8g?

1 Like