Learn Typography by Building a Nutrition Label - Step 54

Step 54

Below your last p element, create another p element with the text Sodium 160mg 7%. Wrap the text Sodium in a span element with a class attribute set to bold. Wrap the 7% text in another span element with the class set to bold. Also add an additional span element around Sodium 160mg for aligning it correctly.

my code

<div class="daily-value small-text">
  <p class="bold right no-divider">% Daily Value *</p>
  <div class="divider"></div>
  <p><span><span class="bold">Total Fat</span> 8g</span> <span class="bold">10%</span></p>
  <p class="indent no-divider">Saturated Fat 1g <span class="bold">5%</span></p>
  <div class="divider"></div>
  <p class="indent no-divider"><span><i>Trans</i> Fat 0g</span></p>
  <div class="divider"></div>
  <p><span><span class="bold">Cholesterol</span> 0mg</span> <span class="bold">0%</span></p>
  <p><span><span class="bold">Sodium</span>160mg</span><span class="bold">7%</span><p>

The issue:
Sorry, your code does not pass. Hang in there.

Your new p element should have the text Sodium 160mg 7%.

Give your second p element span and text exact spacing, you have within your Cholesterol 0mg 0%.

Add a space before 160mg and after it’s closing span tag.