Learn Typography by Building a Nutrition Label - Step 43

HTML-CSS
1

Hello! I’m kind of stuck on this step. I’m sure I’ve done everything correctly at this point:

    <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>
  </div>

Am I doing something wrong here? How is it wrong?

2

Hello and welcome.

Your issue is in the third span. You don´t need to nest only 8g. Read the instructions carefully.

I give you an exampe of use in this step:

  • create a p element and give it the text Text 12 34

You need write <p>Text 12 34</p>

  • Wrap the text Text in a span element.

You need write <p><span>Text</span> 12 34</p>

  • Wrap the text 34 in another span element.

You need write <p><span>Text</span> 12 <span>34</span</p>

  • Finally, nest the Text span element and the text 12 in an additional span element for alignment.

You need write <p><span><span>Text</span> 12 </span><span>34</span</p>

Look this example. Adjust your code and don´t forget to apply the corresponding class to the span

Greets.

3

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